@charset "UTF-8";
/* #region 初始化 */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  padding: 0;
  margin: 0;
}

html,
body {
  width: 100%;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
  padding: 0;
  word-wrap: break-word;
  color: #000;
  background-color: #fff;
  overflow-x: hidden;
  line-height: 1.45;
}

body,
table,
input,
textarea,
select,
option {
  font-family: 'PingFang SC', 'Microsoft Yahei', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
  font-weight: 400;
}

audio,
video {
  display: block;
}

a {
  display: block;
  background-color: transparent;
  text-decoration: none;
  color: inherit;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  list-style: none;
}

img {
  display: block;
  border: 0;
}

dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  outline: none;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

td,
th {
  padding: 0;
}

.swiper-container {
  width: 100%;
}

/* #endregion */
/* #region  sass */
.font-fadeIn font {
  display: inline-block;
}

/* #endregion */
/* #region  首页*/
.container {
  padding: 0 30px;
  max-width: 1560px;
  margin: 0 auto;
}

header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.1);
  z-index: 999;
}

header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .logo {
  width: 10.3rem;
}

header .logo img {
  width: 100%;
}

header .nav {
  display: flex;
}

header .nav li {
  margin-left: 3rem;
  position: relative;
}

header .nav .nav_one {
  position: relative;
}

header .nav .nav_one a {
  font-size: 1.3rem;
  line-height: 5rem;
  color: black;
  position: relative;
  z-index: 1;
  transition: ease-out .2s;
}

header .nav .nav_one a:hover, header .nav .nav_one a.active {
  color: #ff9339;
}

header .nav .nav_one span {
  display: none;
}

header .nav .nav_two {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  display: none;
}

header .nav .nav_two div {
  border-radius: .5rem;
  background: #fff;
  box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 40px 2px rgba(49, 70, 81, 0.2);
  padding: .8rem 0;
}

header .nav .nav_two div::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 100%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 0.5rem solid transparent;
  border-top: none;
  border-bottom-color: #fff;
}

header .nav .nav_two a {
  white-space: nowrap;
  font-size: 1.1rem;
  color: #3e3a39;
  line-height: 2.263;
  padding: 0 1.6rem;
  transition: ease-out .2s;
}

header .nav .nav_two a:last-child {
  border-bottom: none;
}

header .nav .nav_two a.active, header .nav .nav_two a:hover {
  color: #ff9339;
}

header .phone {
  width: 2.8rem;
  height: 2.8rem;
  position: relative;
  transition: ease-out .36s;
}

header .phone div {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.4rem;
  background: #ff9339;
  padding: 0 .7rem;
  transition: ease-out .36s;
}

header .phone img {
  width: 1.4rem;
}

header .phone span {
  color: white;
  font-family: Impact;
  font-size: 0;
  margin-left: 0;
  transition: ease-out .5s;
}

header .phone:hover div {
  padding: 0 1rem;
}

header .phone:hover span {
  font-size: 1.2rem;
  margin-left: .5rem;
}

header .nav_modal,
header .nav_icon {
  display: none;
}

main {
  padding-top: 5rem;
}

.index1 {
  position: relative;
}

.index1 .img {
  width: 100%;
  height: calc(100vh - 5rem);
  object-fit: cover;
  object-position: center;
}

.index1 .center {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  width: 100%;
}

.index1 .center .t1 {
  font-size: 3.35rem;
  display: flex;
  justify-content: center;
  font-style: italic;
}

.index1 .center .t1 div {
  position: relative;
}

.index1 .center .t1 div img {
  position: absolute;
  top: -1.3rem;
  right: -3rem;
  width: 6rem;
}

.index1 .center .t1 div span {
  position: relative;
}

.index1 .center .t2 {
  font-size: 2.7rem;
  margin-top: 1.2rem;
  text-shadow: 0px 2px 16px rgba(0, 0, 0, 0.6);
}

.index1 .center .t3 {
  display: flex;
  justify-content: center;
  margin-top: 3.8rem;
}

.index1 .center .t3 a {
  width: 11.4rem;
  height: 3rem;
  border-radius: 1.5rem;
  background: #ff9339;
  border: 2px solid #ff9339;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 .8rem;
  transition: ease-out .36s;
}

.index1 .center .t3 a:hover, .index1 .center .t3 a.on {
  border-color: #fff;
  background: none;
  color: #fff;
}

.index1 .center .t3 a.on:hover {
  border-color: #ff9339;
  background: #ff9339;
  color: #fff;
}

.banner {
  width: 100%;
  position: relative;
}

.banner .swiper-slide {
  position: relative;
  overflow: hidden;
}

.banner .swiper-slide > img {
  width: 100%;
  height: calc(100vh - (5rem));
  object-fit: cover;
  object-position: center;
  transition: 1s linear 2s;
  transform: scale(1.1, 1.1);
}

.banner .swiper-slide .banner_text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  opacity: 0;
  text-align: center;
  text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
  padding: 0 1.5rem;
  transition: ease-out .36s;
}

.banner .swiper-slide .banner_text.on {
  opacity: 1;
}

.banner .swiper-slide .banner_text .t0 {
  overflow: hidden;
}

.banner .swiper-slide .banner_text .t1 {
  font-size: 3rem;
  font-weight: 500;
}

.banner .swiper-slide .banner_text .t2 {
  font-size: 1.2rem;
  margin-top: 1.1rem;
}

.banner .swiper-slide .banner_text .t3 {
  display: flex;
  justify-content: center;
  margin-top: 3.5rem;
}

.banner .swiper-slide .banner_text .t3 a {
  width: 10.5rem;
  height: 10.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  padding: .25rem;
  position: relative;
  overflow: hidden;
  margin: 0 1.125rem;
}

.banner .swiper-slide .banner_text .t3 a div {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
}

.banner .swiper-slide .banner_text .t3 a div img {
  width: 68.5%;
  height: 68.5%;
  margin: 0 auto;
  position: relative;
  top: 8%;
}

.banner .swiper-slide .banner_text .t3 a h3 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #0264db;
  height: 2.1rem;
  text-align: center;
  font-size: .7rem;
  padding-top: .45rem;
}

.banner .swiper-slide.swiper-slide-active > img,
.banner .swiper-slide.swiper-slide-duplicate-active r > img {
  transition: 5s linear;
  transform: scale(1, 1);
}

.banner .banner_dot {
  position: absolute;
  left: 0 !important;
  bottom: 2.5rem !important;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.banner .banner_dot span {
  width: 1rem;
  height: .25rem;
  background: #fff;
  opacity: 1;
  transition: ease-out .36s;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 .5rem !important;
  border-radius: .25rem;
}

.banner .banner_dot span.swiper-pagination-bullet-active {
  width: 1.75rem;
  background: #ff9339;
}

.index2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.5rem;
}

.index2 a {
  width: 30%;
  border-radius: 1rem 1rem 0 0;
  background: #eae7f9;
  background: linear-gradient(to bottom, #e5e1f6, #f2f0fe);
  padding: .8rem 1.75rem;
  position: relative;
  -webkit-box-reflect: below 0 linear-gradient(transparent, rgba(0, 0, 0, 0.5));
}

.index2 a span {
  display: block;
  font-size: 1.4rem;
  color: #673788;
  font-weight: bold;
  position: relative;
  transition: ease-out .36s;
}

.index2 a div {
  font-size: .8rem;
  color: #3e3a39;
  margin-top: .25rem;
  position: relative;
}

.index2 a img {
  position: absolute;
  right: 2.25rem;
  top: .5rem;
  width: 4rem;
}

.index2 a:hover span {
  transform: translateY(-0.25rem);
}

.index_title {
  text-align: center;
}

.index_title div {
  font-size: 2rem;
  color: #000000;
  font-weight: 600;
}

.index_title div span {
  color: #ff9339;
}

.index_title i {
  display: block;
  width: 5.3rem;
  height: .2rem;
  background: #ff9339;
  margin: .8rem auto 0 auto;
}

.index_title p {
  font-size: 1.2rem;
  color: #595757;
  margin-top: .8rem;
}

.index3 {
  margin-top: 6.5rem;
}

.index3 .index_title {
  padding-bottom: 1.4rem;
}

.index3 .swiper {
  margin-top: 1.2rem;
}

.index3 .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}

.index3 .swiper-slide {
  width: auto;
  padding: 0 .6rem;
}

.index3 .swiper-slide img {
  width: 21.2rem;
  height: 13.75rem;
  object-fit: cover;
  object-position: center;
}

.index4 {
  padding-bottom: 4.3rem;
  margin-top: 6rem;
  background: url(../images/index4_bg.png) no-repeat;
  background-size: contain;
  background-position: center bottom;
}

.index4 .img {
  width: 92.55%;
  margin: 2rem auto 0 auto;
}

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

.index5 {
  margin-top: 3.75rem;
}

.index5 .row:nth-child(even) {
  background: #f7f8f8;
}

.index5 .row:nth-child(even) .container {
  flex-direction: row-reverse;
}

.index5 .row .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3.85rem 0 5.8rem 0;
}

.index5 .row .img {
  width: 41.06%;
  position: relative;
}

.index5 .row .img .bg {
  position: absolute;
  left: 50%;
  bottom: -1.8rem;
  transform: translateX(-50%);
  width: 145%;
}

.index5 .row .img div {
  position: relative;
}

.index5 .row .img div img {
  width: 100%;
}

.index5 .row .text {
  width: 53.06%;
}

.index5 .row .text .t1 {
  font-size: 1.8rem;
  color: #ff9339;
  font-weight: 600;
}

.index5 .row .text .t2 {
  font-size: 1.2rem;
  color: #595757;
  line-height: 1.733;
  margin-top: 1.5rem;
}

.index6 {
  background: #292929;
  padding: 2.9rem 0 2.5rem 0;
  color: #fff;
}

.index6 .container {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.index6 .tit {
  font-size: 1.6rem;
  font-weight: 600;
  color: #ff9339;
}

.index6 .left {
  width: 42.66%;
}

.index6 .left .text {
  font-size: 1rem;
  line-height: 2;
  margin-top: 1rem;
}

.index6 .center {
  white-space: nowrap;
}

.index6 .center a {
  font-size: 1.2rem;
  line-height: 1.66;
  margin-top: 1rem;
  transition: ease-out .2s;
}

.index6 .center a:hover {
  color: #ff9339;
}

.index6 .right {
  width: 37.33%;
}

.index6 .right .code {
  display: flex;
  justify-content: space-between;
}

.index6 .right .code img {
  width: 29.82%;
  margin-top: 1.3rem;
}

.index6 .right .address {
  font-size: 1rem;
  line-height: 2;
  margin-top: 2rem;
}

/* #endregion */
/* #region  内页*/
.about_banner img {
  width: 100%;
}

.about_title div {
  font-size: 2.6rem;
  color: #3e3a39;
  font-weight: 600;
}

.about_title p {
  font-size: 2.4rem;
  color: #e5e5e5;
  text-transform: uppercase;
}

.about1 {
  background: url(../images/about1_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding: 5.5rem 0 14.5rem 0;
}

.about1 .top {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.about1 .top .text {
  flex: 1;
  padding-left: 3.6rem;
  font-size: 1.4rem;
  color: #595757;
  line-height: 1.557;
  text-indent: 2em;
}

.about1 .row {
  display: flex;
  margin-top: 7rem;
}

.about1 .row a {
  flex: 1;
  background: url(../images/about1_li1.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 1.9rem 0 1.65rem 0;
  position: relative;
}

.about1 .row a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/about1_li2.png) no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: ease-out .36s;
}

.about1 .row a::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1px;
  height: 85%;
  background: linear-gradient(to bottom, #dadada, rgba(218, 218, 218, 0));
}

.about1 .row a:last-child::after {
  display: none;
}

.about1 .row a span {
  display: block;
  width: 4.5rem;
  margin: 0 auto;
  position: relative;
}

.about1 .row a span img {
  width: 100%;
  transition: ease-out .36s;
}

.about1 .row a span img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.about1 .row a div {
  position: relative;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  transition: ease-out .36s;
  text-align: center;
  margin-top: .25rem;
}

.about1 .row a:hover::before {
  opacity: 1;
}

.about1 .row a:hover span img {
  opacity: 0;
}

.about1 .row a:hover span img:nth-child(2) {
  opacity: 1;
}

.about1 .row a:hover div {
  color: #0036ca;
}

.about2 {
  padding: 5rem 0 4rem 0;
  position: relative;
}

.about2 .bg {
  position: absolute;
  right: 7.7%;
  top: 5.4rem;
  width: 63.69%;
}

.about2 .container {
  position: relative;
}

.about2 ul {
  margin-top: 7.25rem;
}

.about2 ul li {
  margin-bottom: 1.3rem;
  font-size: 1.4rem;
  color: #595757;
  line-height: 1.557;
  padding-left: 2.3rem;
  position: relative;
}

.about2 ul li i {
  position: absolute;
  left: 0;
  top: .5rem;
  width: 1.3rem;
  height: 1.3rem;
  border: 1px solid #305291;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.about2 ul li i::before {
  content: '';
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background: #ff9339;
}

.about3 {
  background: #f5fafe;
  padding: 5rem 0;
}

.about3 .card {
  margin-top: 2.75rem;
}

.about3 .top {
  display: flex;
}

.about3 .top a {
  flex: 1;
  font-size: 1.6rem;
  color: #595757;
  text-align: center;
  line-height: 3rem;
  font-weight: 600;
  background: #fff;
  border-top: .35rem solid #efefef;
  position: relative;
  transition: ease-out .36s;
}

.about3 .top a.on, .about3 .top a:hover {
  border-color: #1b3882;
  color: #1a3881;
}

.about3 .top a::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 2rem;
  background: linear-gradient(to bottom, #dbdbdc, #fafafa);
}

.about3 .top a:last-child::after {
  display: none;
}

.about3 .imgs li {
  display: none;
}

.about3 .imgs li.on {
  display: block;
}

.about3 .imgs li img {
  width: 100%;
}

.about3 .imgs li img:nth-child(2) {
  display: none;
}

.about3 .bottom {
  background: #1b3882;
  padding: 2rem 0 2rem 3.75rem;
  display: flex;
  align-items: start;
}

.about3 .bottom .img {
  width: 8.8rem;
}

.about3 .bottom .img img {
  width: 100%;
  margin-bottom: .4rem;
}

.about3 .bottom .right {
  flex: 1;
  overflow: hidden;
  padding-left: 3rem;
}

.about3 .bottom .lis {
  padding-bottom: .65rem;
}

.about3 .bottom .lis a {
  font-size: 1.1rem;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 2rem;
  position: relative;
  margin-bottom: .45rem;
}

.about3 .bottom .lis a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: #fff9b1;
}

.about3 .bottom .lis a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  opacity: 0;
  transition: ease-out .2s;
}

.about3 .bottom .lis a:hover::after {
  opacity: 1;
}

.about3 .bottom .line {
  font-size: 1.2rem;
  color: #3e3a39;
  background: #fff;
  padding: .9rem 1.2rem;
}

.page_banner {
  position: relative;
}

.page_banner .swiper-slide img {
  width: 100%;
}

.page_banner .page_dot {
  position: absolute;
  left: 0;
  bottom: 10% !important;
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1;
}

.page_banner .page_dot span {
  width: 5rem;
  height: .8rem;
  border-radius: .5rem;
  background: #fff;
  margin: 0 .4rem !important;
  opacity: 1;
  transition: ease-out .36s;
}

.page_banner .page_dot span.swiper-pagination-bullet-active {
  background: #ff9339;
}

.page_title {
  font-size: 2.6rem;
  color: #3e3a39;
  font-weight: 600;
}

.page_title img {
  width: 4.7rem;
  margin-bottom: .5rem;
}

.page_en {
  font-size: 6rem;
  line-height: 1.2;
  color: #e6e6e6;
  position: absolute;
  writing-mode: vertical-rl;
  position: absolute;
  left: 1.9rem;
  top: 0;
  text-transform: uppercase;
}

.page_en span {
  display: block;
}

.page_link {
  width: 3rem;
}

.page_link img {
  width: 100%;
  transition: ease-out .36s;
}

.page_link:hover img {
  transform: scale(1.1) translateX(0.25rem);
}

.page1 {
  position: relative;
  padding: 7.5rem 0 10rem 0;
}

.page1 .container {
  position: relative;
  display: flex;
  align-items: flex-end;
}

.page1 .left {
  padding-bottom: 1rem;
}

.page1 .left .page_link {
  margin-top: 8.5rem;
}

.page1 .right {
  flex: 1;
  padding-left: 5.75rem;
  overflow: hidden;
}

.page1 .right .text {
  font-size: 1.4rem;
  line-height: 1.55;
  color: #000033;
  text-indent: 2em;
}

.page1 .right .img {
  margin-top: 2.75rem;
  position: relative;
}

.page1 .right .img div {
  position: relative;
}

.page1 .right .img div img {
  width: 100%;
}

.page1 .right .img .bg {
  position: absolute;
  left: 50%;
  bottom: -2.6rem;
  transform: translateX(-50%);
  width: 123%;
}

.page2 {
  padding-top: 11.5rem;
  padding-bottom: 10.5rem;
  background: url(../images/page2_bg.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

.page2 .page_en {
  color: rgba(230, 230, 230, 0.11);
}

.page2 .page_title {
  color: #fff;
}

.page2 .container {
  display: flex;
  align-items: start;
  justify-content: space-between;
}

.page2 .lis {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  align-items: start;
}

.page2 .lis a {
  font-size: 1.5rem;
  line-height: 2.2;
  color: #fff;
  margin-bottom: .8rem;
  position: relative;
  transition: ease-out .36s;
}

.page2 .lis a::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .2rem;
  background: linear-gradient(to right, #52c0ef, rgba(82, 192, 239, 0));
  opacity: 0;
  transition: ease-out .36s;
}

.page2 .lis a.on, .page2 .lis a:hover {
  color: #54c3f1;
}

.page2 .lis a.on::before, .page2 .lis a:hover::before {
  opacity: 1;
}

.page2 .right {
  width: 50.66%;
}

.page2 .right .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #fff;
  font-style: italic;
}

.page2 .right .top div span {
  font-size: 3.3rem;
  position: relative;
}

.page2 .right .top div span i {
  position: relative;
}

.page2 .right .top div img {
  position: absolute;
  right: -1.7rem;
  top: -1.7rem;
  width: 4.5rem;
}

.page2 .right .top div p {
  font-size: 1.7rem;
}

.page2 .right .top a {
  position: relative;
  transition: ease-out .36s;
}

.page2 .right .top a img {
  width: 3rem;
}

.page2 .right .top a:hover {
  transform: scale(1.1) translateX(0.25rem);
}

.page2 .right .text {
  font-size: 1.2rem;
  color: #fff;
  margin-top: 1.8rem;
}

.page2 .right .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 2.8rem;
}

.page2 .right .bottom a {
  width: 48.28%;
  background: #fff;
  border: 2px solid #fff;
}

.page2 .right .bottom a div {
  padding-bottom: 63.33%;
  position: relative;
  overflow: hidden;
}

.page2 .right .bottom a div img {
  transition: ease-out .5s;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.page2 .right .bottom a h3 {
  font-size: .8rem;
  line-height: 2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  background: linear-gradient(to right, #00b2cf, #0e349b);
  text-align: center;
  padding: 0 .5rem;
}

.page2 .right .bottom a:hover div img {
  transform: scale(1.1);
}

.page3 {
  padding: 6.5rem 0 4rem 0;
  position: relative;
  background: #f8f8f8;
}

.page3 .page_en {
  color: #efefef;
}

.page3 .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.page3 .lis {
  padding-bottom: 3.75rem;
  margin-top: 4rem;
}

.page3 .lis a {
  font-size: 1.6rem;
  color: #595757;
  margin-bottom: 1.3rem;
  transition: ease-out .2s;
}

.page3 .lis a.on, .page3 .lis a:hover {
  color: #004098;
}

.page3 .right {
  width: 74.8%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page3 .right a {
  width: 46.34%;
  margin-bottom: 1.5rem;
}

.page3 .right a .img {
  position: relative;
  padding-bottom: 41.15%;
  overflow: hidden;
  border-top-left-radius: 1.5rem;
  transform: translateY(0.2rem);
}

.page3 .right a .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: ease-out .5s;
}

.page3 .right a .card {
  background: #fff;
  border-radius: .25rem;
  overflow: hidden;
  position: relative;
  z-index: 1;
  padding: 1.25rem 1.75rem;
  display: flex;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1);
}

.page3 .right a .card .time {
  font-size: 1.1rem;
  color: #000000;
  border-bottom: 2px solid #d3d4d4;
}

.page3 .right a .card .time span {
  display: block;
  font-size: .8rem;
  color: #a5a5a5;
}

.page3 .right a .card .text {
  flex: 1;
  overflow: hidden;
  padding-left: 1.75rem;
}

.page3 .right a .card .text h3 {
  font-size: 1rem;
  color: #000000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: ease-out .2s;
}

.page3 .right a .card .text div {
  font-size: .8rem;
  color: #595757;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: .6rem;
}

.page3 .right a:hover .img img {
  transform: scale(1.1);
}

.page3 .right a:hover .card .text h3 {
  color: #004098;
}

.page4 {
  position: relative;
  overflow: hidden;
}

.page4 .page_en {
  color: #f2f2f2;
}

.page4 .container {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.page4 .left {
  padding-top: 16%;
}

.page4 .right {
  width: 69.73%;
}

.page4 .right img {
  width: 100%;
}

footer {
  background: #000042;
}

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

footer .left {
  flex: 1;
  overflow: hidden;
}

footer .left .lis {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  min-height: 6.3rem;
  padding: 1rem 0;
  padding-right: 1rem;
}

footer .left .lis a {
  font-size: 1.4rem;
  margin-right: 4.5rem;
  line-height: 2;
  color: #fff;
  position: relative;
}

footer .left .lis a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  opacity: 0;
  transition: ease-out .2s;
}

footer .left .lis a:last-child {
  margin-right: 0;
}

footer .left .lis a:hover::after {
  opacity: 1;
}

footer .left .bottom {
  font-size: .9rem;
  color: #9fa0a0;
  padding: .75rem 0;
  border-top: 1px solid #46466b;
  padding-right: 1rem;
}

footer .left .bottom a,
footer .left .bottom img {
  display: inline;
}

footer .code {
  width: 6.3rem;
}

footer .code img {
  width: 100%;
}

/* #endregion */
/* #region  内页*/
.news_banner {
  position: relative;
}

.news_banner img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
  object-position: center;
}

.news_banner div {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  text-align: center;
  width: 100%;
  font-style: italic;
  line-height: 1.35;
}

.news_banner div span {
  display: block;
  font-size: 3.3rem;
  font-weight: bold;
}

.news_banner div p {
  font-size: 1.7rem;
}

.news {
  padding: 1.8rem 0 3.8rem 0;
  background: #efefef;
}

.news .top {
  display: flex;
  justify-content: center;
  border-bottom: 2px solid #c9caca;
}

.news .top a {
  font-size: 1.6rem;
  color: #9f9f9f;
  font-weight: 600;
  margin: 0 2.5rem;
  line-height: 4.5rem;
  position: relative;
  transition: ease-out .2s;
}

.news .top a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .25rem;
  background: #d52e34;
  opacity: 0;
  transition: ease-out .36s;
}

.news .top a:hover, .news .top a.on {
  color: #3e3939;
}

.news .top a:hover::after, .news .top a.on::after {
  opacity: 1;
}

.news .lis {
  padding-top: 3rem;
}

.news .lis a {
  transition: ease-out .36s;
  background: #fff;
  padding-left: 4rem;
  display: flex;
  align-items: center;
  margin-top: 1.2rem;
}

.news .lis a .time {
  line-height: 1.3;
}

.news .lis a .time div {
  font-size: 2.1rem;
}

.news .lis a .time span {
  display: block;
  font-size: 1rem;
  color: #9fa0a0;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news .lis a .time::after {
  content: '';
  display: block;
  width: 3.4rem;
  height: 2px;
  background: #c9caca;
  margin-top: 1rem;
}

.news .lis a .text {
  flex: 1;
  padding-left: 4rem;
  overflow: hidden;
}

.news .lis a .text h3 {
  font-size: 1.2rem;
  color: black;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: ease-out .2s;
}

.news .lis a .text div {
  font-size: 1rem;
  color: #595757;
  margin-top: .35rem;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news .lis a .img {
  position: relative;
  overflow: hidden;
  margin-left: 6rem;
}

.news .lis a .img img {
  width: 18.85rem;
  height: 10.2rem;
  object-fit: cover;
  object-position: center;
  transition: ease-out .5s;
}

.news .lis a:hover {
  box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.2);
}

.news .lis a:hover .text h3 {
  color: #000042;
}

.news .lis a:hover .img img {
  transform: scale(1.1);
}

.strip {
  display: flex;
  justify-content: center;
  margin-top: 3.3rem;
}

.strip a {
  min-width: 1.9rem;
  height: 1.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  border: 1px solid #595757;
  border-radius: .25rem;
  margin: 0 .3rem;
  transition: ease-out .36s;
}

.strip a img {
  width: .6rem;
  transition: ease-out .36s;
}

.strip a:hover {
  background: #595757;
  color: #fff;
}

.strip a:hover img {
  filter: brightness(0) invert(1);
}

.details_bg {
  background: #efefef;
  border-top: 4px solid #d52e34;
}

.details {
  background: #fff;
  padding: 2.5rem 4.5rem 3rem 4.5rem;
}

.details .back {
  display: inline-block;
  font-size: 1.4rem;
  color: #d52e34;
  line-height: 2;
  transition: ease-out .2s;
}

.details .back:hover {
  color: #000042;
}

.details h1 {
  font-size: 2.1rem;
  color: #3e3a39;
  text-align: center;
  margin-top: 1.4rem;
}

.details .time {
  font-size: 1rem;
  color: #898989;
  margin-top: .6rem;
  text-align: center;
}

.details .text {
  font-size: 1.2rem;
  color: #3e3a39;
  line-height: 1.533;
  margin-top: 1.2rem;
}

.details .text video,
.details .text img {
  display: inline;
  max-width: 100%;
}

.details .text a {
  display: inline;
}

.brand {
  border-top: 4px solid #d52e34;
  padding: 3.75rem 0 5rem 0;
}

.brand .brand_title {
  font-size: 2rem;
  font-weight: 600;
  color: black;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.brand .brand_title::after {
  content: '';
  width: 5rem;
  height: 4px;
  background: #ff9339;
  margin-top: .6rem;
}

.brand .lis {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 2.25rem;
}

.brand .lis a {
  font-size: 1.2rem;
  color: #595757;
  font-weight: 600;
  line-height: 2rem;
  padding: 0 1.5rem;
  border: 1px solid #898989;
  border-radius: 1rem;
  margin: .5rem;
  margin-top: 0;
  transition: ease-out .36s;
}

.brand .lis a.on, .brand .lis a:hover {
  background: #ff9339;
  border-color: #ff9339;
  color: #fff;
}

.brand .brand_ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.5rem;
}

.brand .brand_ul li {
  width: 33.33%;
}

.brand .brand_ul a {
  position: relative;
  overflow: hidden;
}

.brand .brand_ul a .img {
  padding-bottom: 66.51%;
  overflow: hidden;
}

.brand .brand_ul a .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: ease-out .5s;
}

.brand .brand_ul a .text {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 100%;
  background: rgba(25, 145, 177, 0.9);
  color: #fff;
  font-weight: 600;
  padding: 8% 10.28%;
  opacity: 0;
  transition: ease-out .5s;
}

.brand .brand_ul a .text .t1 {
  font-size: 1.8vw;
}

.brand .brand_ul a .text .t2 {
  font-size: 2.8vw;
  margin-top: 1vw;
  line-height: 1.4;
}

.brand .brand_ul a.on .img img, .brand .brand_ul a:hover .img img {
  transform: scale(1.1);
}

.brand .brand_ul a.on .text, .brand .brand_ul a:hover .text {
  top: 0;
  opacity: 1;
}

/* #endregion */
/* #region  内页 */
.school_title {
  text-align: center;
  padding: 0 1.5rem;
}

.school_title .t1 {
  font-size: 2.4rem;
  color: #3e3a39;
  font-weight: 600;
}

.school_title .line {
  width: 5.3rem;
  height: .2rem;
  margin-top: .9rem;
  background: #ff9339;
  margin-left: auto;
  margin-right: auto;
}

.school_title .t2 {
  font-size: 1.2rem;
  color: #595757;
  margin-top: .9rem;
}

.school1 {
  padding-top: 5rem;
}

.school1 .top {
  display: flex;
  justify-content: space-around;
}

.school1 .top a {
  width: 21.4%;
  height: 4rem;
  position: relative;
}

.school1 .top a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.school1 .top a span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  font-size: 1.6rem;
  color: #0036cb;
  font-weight: 600;
  padding: 0 1.5rem;
}

.school1 .top a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: .25rem;
  background: #0036cb;
  opacity: 0;
  transition: ease-out .36s;
}

.school1 .top a:nth-child(2) span {
  color: #0072a8;
}

.school1 .top a:nth-child(2)::after {
  background: #0072a8;
}

.school1 .top a:nth-child(3) span {
  color: #673788;
}

.school1 .top a:nth-child(3)::after {
  background: #673788;
}

.school1 .top a:nth-child(4) span {
  color: #ae0000;
}

.school1 .top a:nth-child(4)::after {
  background: #ae0000;
}

.school1 .top a:hover::after {
  opacity: 1;
}

.school1 .bg img {
  width: 100%;
  transform: translateY(5rem);
}

.school2 .container {
  display: flex;
}

.school2 .row {
  background: #f7f8f8;
  padding-bottom: 2.5rem;
  margin-top: 3rem;
}

.school2 .row a {
  width: 33.33%;
}

.school2 .row a .top {
  padding: 1.25rem 1.9rem;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  color: #4497b1;
  font-weight: 600;
  transition: ease-out .36s;
}

.school2 .row a .top img {
  width: 5.9rem;
  margin-right: 1.75rem;
}

.school2 .row a .card {
  padding: 0 1.9rem;
}

.school2 .row a .img {
  margin-top: 1.4rem;
  overflow: hidden;
}

.school2 .row a .img img {
  width: 100%;
  transition: ease-out .5s;
}

.school2 .row a .text {
  font-size: 1.1rem;
  color: #595757;
  line-height: 1.567;
  margin-top: .85rem;
}

.school2 .row a:nth-child(3) .top {
  color: #c9002a;
}

.school2 .row a:hover, .school2 .row a.on {
  background: #e8f5fd;
}

.school2 .row a:hover .top, .school2 .row a.on .top {
  background: #6bacfe;
  color: #fff;
}

.school2 .row a:hover .img img {
  transform: scale(1.1);
}

.school3 {
  padding-top: 4.75rem;
}

.school_imgs {
  background: #f7f8f8;
  padding: 3.25rem 0 3.6rem 0;
  margin-top: 2.5rem;
}

.school_imgs .swiper-slide img {
  width: 100%;
}

.school5 {
  padding: 3.5rem 0;
}

.school4 {
  padding-top: 3.75rem;
}

.school4 .row {
  background: #f7f8f8;
  padding: 3.3rem 0 4rem 0;
  margin-top: 2.75rem;
}

.school4 .container {
  display: flex;
  justify-content: space-between;
}

.school4 .left {
  width: 45.73%;
  display: flex;
  align-items: center;
}

.school4 .left img {
  width: 100%;
}

.school4 .right {
  width: 51.8%;
  display: flex;
  flex-direction: column;
}

.school4 .right .text {
  font-size: 1.2rem;
  color: #595757;
  line-height: 1.733;
  padding: .7rem 0;
}

.school4 .right .img {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}

.school4 .right .img img {
  width: 45.95%;
}

.school4 .right .img img:nth-child(2) {
  width: 50.45%;
}

/* #endregion */
/* #region  内页 */
.education1 {
  padding-top: 4.25rem;
  padding-bottom: 2.5rem;
}

.education1 .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.5rem;
}

.education1 .img {
  width: 51.2%;
}

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

.education1 .right {
  width: 40%;
  background: #ebf4ff;
  border-radius: 1rem;
  padding: 2rem 2.5rem;
}

.education1 .right .t1 {
  font-size: 1.5rem;
  color: #595757;
  line-height: 1.592;
  font-weight: 600;
  border-bottom: 2px dashed #e5c3cc;
  margin-bottom: 1.2rem;
  padding-bottom: 1.5rem;
}

.education1 .right .t2 {
  font-size: 1.5rem;
  color: #595757;
  line-height: 3rem;
}

.education1 .right .t2 span {
  color: #d42d33;
  font-weight: 600;
  font-size: 1.7rem;
}

.education2 {
  background: #f7f8f8;
  padding: 2.5rem 0 2.75rem 0;
}

.education2 .row {
  display: flex;
  align-items: start;
  margin-top: 2rem;
}

.education2 .row ul {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.education2 .row ul li {
  width: 47.16%;
  margin-left: auto;
  margin-bottom: 1.65rem;
}

.education2 .row ul span {
  padding-bottom: 66.59%;
}

.education2 .row div {
  width: 30.6%;
}

.education2 .row div span {
  padding-bottom: 149.89%;
}

.education2 .row span {
  padding-bottom: 66.59%;
  display: block;
  position: relative;
  overflow: hidden;
}

.education2 .row span img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: ease-out .5s;
}

.education2 .row span:hover img {
  transform: scale(1.1);
}

.education3 {
  padding-top: 3rem;
  padding-bottom: 3.5rem;
}

.education3 .row {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
}

.education3 .row div {
  width: 42.26%;
  overflow: hidden;
}

.education3 .row div img {
  width: 100%;
  transition: ease-out .5s;
}

.education3 .row div:nth-child(2) {
  width: 56%;
}

.education3 .row div:hover img {
  transform: scale(1.1);
}

.education4 {
  background: #f7f8f8;
  padding: 2.75rem 0 3.9rem 0;
}

.education4 .ul {
  display: flex;
  flex-wrap: wrap;
  padding-top: 1.3rem;
}

.education4 .ul li {
  width: 32.33%;
  margin-right: auto;
  margin-right: 1.5%;
  margin-top: 1.5rem;
}

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

.education4 .ul li div {
  padding-bottom: 66.73%;
  position: relative;
  overflow: hidden;
}

.education4 .ul li img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: ease-out .5s;
}

.education4 .ul li:hover div:hover img {
  transform: scale(1.1);
}

.education5 {
  padding-top: 4.5rem;
  padding-bottom: 5rem;
}

.education5 .top {
  display: flex;
  align-items: start;
  justify-content: space-between;
  margin-top: 3.5rem;
}

.education5 .top a {
  width: 23.8%;
  border-radius: 1rem 1rem 0 0;
  background: #eae7f9;
  background: linear-gradient(to bottom, #e5e1f6, #f2f0fe);
  padding: 1.1rem 1.1rem;
  position: relative;
}

.education5 .top a span {
  display: block;
  font-size: 1.4rem;
  color: #673788;
  font-weight: bold;
  position: relative;
  transition: ease-out .36s;
}

.education5 .top a:nth-child(2) span {
  color: #0072a8;
}

.education5 .top a:nth-child(3) span {
  color: #0036cb;
}

.education5 .top a:nth-child(4) span {
  color: #ea5532;
}

.education5 .top a div {
  font-size: .8rem;
  color: #3e3a39;
  margin-top: .25rem;
  position: relative;
}

.education5 .top a:hover span {
  transform: translateY(-0.25rem);
}

.education5 .imgs {
  display: flex;
  justify-content: space-between;
}

.education5 .imgs div {
  width: 49.93%;
  margin-top: 2.25rem;
}

.education5 .imgs div img {
  width: 100%;
}

.education5 .imgs div:nth-child(2) {
  width: 48.93%;
}

.contact1 {
  padding: 9rem 0 3.3rem 0;
  background: url(../images/contact_bg.png) no-repeat;
  background-size: cover;
  background-position: top center;
}

.contact1 .tit {
  text-align: center;
}

.contact1 .tit .t1 {
  font-size: 3.35rem;
  color: #231815;
  font-weight: 600;
  font-style: italic;
}

.contact1 .tit .t2 {
  font-size: 1.2rem;
  color: #595757;
  margin-top: 1.1rem;
}

.contact1 .row {
  display: flex;
  justify-content: center;
  padding-top: 6.75rem;
}

.contact1 .card {
  width: 25rem;
  padding: 2.5rem 1.5rem 2.5rem 3.2rem;
  background-color: #fff;
  box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.2);
  margin: 0 1.25rem;
  display: flex;
  align-items: center;
}

.contact1 .card .img {
  width: 5.8rem;
  margin-right: 2.25rem;
}

.contact1 .card .img img {
  width: 100%;
}

.contact1 .card .text {
  flex: 1;
  overflow: hidden;
}

.contact1 .card .text .t1 {
  font-size: 1.6rem;
  color: black;
  font-weight: 600;
}

.contact1 .card .text .t2 {
  font-size: 1.2rem;
  color: #595757;
  margin-top: .7rem;
}

.contact1 .card .text .t3 {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #d52e34;
  font-weight: 600;
  margin-top: 1.2rem;
}

.contact1 .card .text .t3 img {
  width: 1.25rem;
  margin-right: .6rem;
}

.contact2 {
  padding: 5rem 0 7.5rem 0;
  background: url(../images/contact2_bg.png) no-repeat;
  background-size: cover;
  background-position: center;
}

.contact2 .tit {
  font-size: 2.4rem;
  color: #3e3a39;
  text-align: center;
  font-weight: 600;
}

.contact2 .row {
  display: flex;
  justify-content: center;
  margin-top: 3.7rem;
}

.contact2 .row a {
  line-height: 3rem;
  border-radius: 1.5rem;
  font-size: 1.4rem;
  color: #231815;
  text-align: center;
  margin: 0 1.65rem;
  padding: 0 2.25rem;
  transition: ease-out .36s;
}

.contact2 .row a:hover, .contact2 .row a.on {
  background: #ff9339;
  color: #fff;
}

.contact2 .card {
  background: #fff;
  display: flex;
  align-items: center;
  margin-top: 5rem;
}

.contact2 .card .img {
  width: 42%;
}

.contact2 .card .img img {
  width: 100%;
}

.contact2 .card .text {
  flex: 1;
  overflow: hidden;
  padding: 1rem 6.13% 2.5rem 6.13%;
  font-size: 1.2rem;
  color: #595757;
  line-height: 1.533;
}

.contact2 .card .text div {
  font-size: 1.6rem;
  color: #231815;
}

.contact2 .card .text ul {
  margin-top: 1rem;
}

/* #endregion */
/* #region 内页 */
.banner_ke .center .t1 div img {
  top: -2rem;
  right: -3rem;
  width: 5rem;
}

.ke_title div {
  font-size: 2.4rem;
  color: #3e3a39;
}

.ke1 {
  padding: 5rem 0 4rem 0;
  background: #efefef;
}

.ke1 .row {
  display: flex;
  justify-content: space-between;
  margin-top: 3.6rem;
}

.ke1 .row div {
  width: 48.93%;
}

.ke1 .row div img {
  width: 100%;
}

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

.ke1 ul li {
  width: 23.46%;
  background: #ffffff;
  margin-top: 1.8rem;
  padding: 2rem 1.5rem;
}

.ke1 ul li .t1 {
  font-size: 1.4rem;
  color: #004098;
  text-align: center;
}

.ke1 ul li i {
  display: block;
  width: 2rem;
  height: 3px;
  background: #9fa0a0;
  margin: 1.15rem auto;
}

.ke1 ul li .t2 {
  font-size: .9rem;
  color: #595757;
  line-height: 1.5;
}

.ke2 {
  background: #004098;
  padding: 4rem 0 4.75rem 0;
}

.ke2 .ke_title div {
  color: #fff;
}

.ke2 .text {
  font-size: 1.2rem;
  color: white;
  line-height: 1.567;
  text-indent: 2em;
  margin-top: 2.5rem;
}

.ke2 .img {
  display: flex;
  justify-content: space-between;
  padding-top: 3.25rem;
}

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

.ke2 .img span {
  width: 32.53%;
}

.ke2 .img div {
  width: 62%;
}

.ke3 {
  padding: 4.25rem 0 6rem 0;
}

.ke3 .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.75rem;
}

.ke3 .row .text {
  width: 53.73%;
  font-size: 1.2rem;
  color: #3e3a39;
  line-height: 1.567;
  text-indent: 2em;
}

.ke3 .row .img {
  width: 44.73%;
}

.ke3 .row .img img {
  width: 100%;
}

.ke3 .imgs {
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/ke3_bg.png) no-repeat;
  background-size: contain;
  background-position: center bottom;
  padding-bottom: 2.25rem;
  margin-top: 2.5rem;
}

.ke3 .imgs span {
  width: 25.6%;
  margin: 0 1.23%;
}

.ke3 .imgs span img {
  width: 100%;
}

.ke3 .imgs span:nth-child(2) {
  width: 27.2%;
}

.ke4 {
  background: #efefef;
  padding: 4rem 0;
}

.ke4 .tit {
  font-size: 1.4rem;
  color: #004098;
  font-weight: 600;
}

.ke4 .text {
  font-size: 1.2rem;
  color: #3e3a39;
  line-height: 1.567;
  margin-top: .5rem;
  text-indent: 2em;
}

.ke4 .row1 {
  margin-top: 1.5rem;
}

.ke4 .row2 {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ke4 .row2 .left {
  width: 59.73%;
}

.ke4 .row2 .right {
  width: 36.13%;
}

.ke4 .row2 .right img {
  width: 100%;
}

.ke4 .row3 {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
}

.ke4 .row3 div {
  width: 31.2%;
}

.ke4 .row3 div img {
  width: 100%;
}

.ke4 .row3 div:nth-child(2) {
  width: 31.66%;
}

.ke4 .row3 div:nth-child(3) {
  width: 33.33%;
}

.money_banner {
  position: relative;
}

.money_banner > img {
  width: 100%;
}

.money_banner .row {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
}

.money_banner .container {
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.money_banner .logo {
  width: 10.5rem;
}

.money_banner .logo img {
  width: 100%;
}

.money_banner .login {
  font-size: 1.2rem;
  color: #231815;
  line-height: 2;
  transition: ease-out .2s;
}

.money_banner .login:hover {
  color: #0043c0;
}

.money {
  padding: 6rem 0;
}

.money .container {
  overflow-x: auto;
  white-space: nowrap;
}

.money .row {
  display: flex;
  align-items: start;
  line-height: 60px;
}

.money .top {
  background: #0043c0;
  font-size: 22px;
  color: #fff;
  padding: 0 25px;
  position: relative;
}

.money .top::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 26px;
  background: #7096dc;
}

.money .bottom {
  display: flex;
  border-top: 1px solid #dfe7f7;
  font-size: 18px;
}

.money .bottom .t1 {
  background: #0043c0;
  color: #fff;
}

.money .bottom .t1::after {
  background: #4878d2;
}

.money .bottom .t2 {
  color: #3e3a39;
}

.money .bottom .t2::after {
  background: #608ad8;
}

.money .bottom .t1,
.money .bottom .t2 {
  position: relative;
  padding: 0 25px;
}

.money .bottom .t1::after,
.money .bottom .t2::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 22px;
}

.money .col:last-child .bottom .line:last-child .top::after,
.money .col:last-child .bottom .line:last-child .t1::after,
.money .col:last-child .bottom .line:last-child .t2::after {
  display: none;
}

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

.lay_input input {
  width: 160px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  color: #3e3a39;
  border: 1px solid #abacac;
  border-radius: 10px;
  text-align: center;
  background: none;
}

.lay_input .lay_line {
  width: 20px;
  height: 2px;
  background: #dbdcdc;
  margin: 0 12px;
}

/* #endregion */
/* #region 内页 */
/* #endregion */