@charset "utf-8";

@font-face {
  font-family: 'poppinsmedium';
  src: url('../fonts/Poppins-Medium/poppins-medium-webfont.woff2') format('woff2'),
    url('../fonts/Poppins-Medium/poppins-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'poppinsbold';
  src: url('../fonts/Poppins-Bold/poppins-bold-webfont.woff2') format('woff2'),
    url('../fonts/Poppins-Bold/poppins-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../fonts/Roboto-Bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.p-0 {
  padding: 0;
}
.d-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

body {
  font-family: 'chuang-medium', 'Microsoft Yahei', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial;
}

/*分享翻译*/
#bsWXBox .bsTop:after {
  /*分享中文版本*/
  content: '- 微信';
  /*分享英文版本*/
  /* content: '- weixin'; */
  display: block;
  position: absolute;
  left: 85px;
  top: 50%;
  font-size: 14px;
  transform: translateY(-50%);
}

#bsWXBox .bsTop:before {
  /*分享中文版本*/
  content: '分享到';
  /*分享英文版本*/
  /* content: 'Share the'; */
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  font-size: 14px;
  transform: translateY(-50%);
}

/* - banner - start*/
.ys_banner {
  width: 100%;
  position: relative;
}

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

.ys_ban_imgbox {
  position: relative;
  z-index: 1;
}

.ys_ban_imgbox img {
  width: 100%;
}

.ys_ban_li > a {
  display: block;
}

.ys_ban_ph {
  display: none;
}

.ys_ban_video {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ys_ban_li:not(:first-child) {
  display: none;
}

.ys_ban_imgbox::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.ys_ban_txtbox {
  z-index: 5;
}

/* - banner - end*/
/* 规范 - start */
.g_title1 {
  font-size: 72px;
  line-height: 1.3;
  color: #ffffff;
  font-weight: bold;
}

.g_title2 {
  font-size: 48px;
  line-height: 1.6;
  color: #161616;
  font-weight: bold;
}

.g_title3 {
  font-size: 36px;
  line-height: 1.5;
  color: #161616;
  font-weight: bold;
}

.g_title4 {
  font-size: 24px;
  line-height: 1.4;
  color: #161616;
  font-weight: bold;
}

.g_title5 {
  font-size: 18px;
  line-height: 1.4;
  color: #161616;
  font-weight: bold;
}

.yxedr_active p {
  font-size: 16px;
  line-height: 1.75;
  color: #666666;
  margin-bottom: 12px;
}

.g_word1 p {
  font-size: 0.18rem;
  line-height: 2;
  color: #161616;
  word-break: break-all;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.g_word2 p {
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
}

.g_word3 p {
  font-size: 16px;
  line-height: 1.75;
  color: #666;
}

.g_margin0 {
  margin-top: 60px;
}

.g_margin1 {
  margin-top: 100px;
}

.g_margin2 {
  margin-bottom: 170px;
}

.g_margin3 {
  margin-bottom: 100px;
}

.g_margin4 {
  margin-bottom: 40px;
}

.g_margin5 {
  margin-bottom: 16px;
}

.ys_cont {
  width: 100%;
  padding: 0 90px;
}

/* 规范 - end */
.ys_ban_slick li .ys_ban_title {
  font-size: 56px;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
}

.ys_pos_center {
  top: 40%;
}

.ys_ban_slick li {
  position: relative;
  overflow: hidden;
}

.ys_sybanul {
  position: relative;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.ys_sybanul:before {
  content: '';
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  left: 0;
  top: 0;
}
.ys_sybanul_box {
  position: absolute;
  bottom: 0;
  left: 0;
}

.ys_sybanul .ys_sybankli {
  width: 20%;
  position: relative;
}

.ys_sybanul .ys_sybankli::before {
  position: absolute;
  content: '';
  display: block;
  right: 0;
  top: 38px;
  width: 1px;
  height: 40px;
  background: rgba(255, 255, 255, 0.4);
}

.ys_sybanul .ys_sybankli:last-child::before {
  display: none;
}

.ys_sybanul .ys_sybankli {
  padding: 28px 0;
  display: block;
}

.ys_sybanul_icon {
  width: 120px;
  margin: 0 auto 18px;
}

.ys_sybanul .ys_sybankli p {
  font-size: 18px;
  color: #ffffff;
  line-height: 2;
  text-align: center;
}

.ys_sybanul_box::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 316px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

.ys_hd_pc {
  position: fixed;
  top: 0;
  left: 0;
}

.g_nav {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.g_logo {
  width: 190px;
  line-height: 80px;
}

.g_nav > li > a {
  color: #fff;
  transition: all 0.36s ease;
  font-size: 16px;
  line-height: 80px;
  transition: all 0.36s ease;
}

.g_nav > li {
  padding: 0 38px;
}

.g_nav {
  display: flex;
  flex-wrap: nowrap;
}

.g_other .ys_imgbox_cover,
.g_search .ys_imgbox_cover {
  line-height: 80px;
  width: 24px;
}

.g_station {
  margin-right: 30px;
}

.g_sta_name {
  color: #fff;
  transition: all 0.36s ease;
  font-size: 16px;
  line-height: 80px;
}

.g_sta_arrow {
  width: 16px !important;
  margin-left: 10px;
}

.g_sta_icon {
  margin-right: 15px;
}

.ys_hd_pc .ys_imgbox_cover img:nth-child(1) {
  opacity: 0;
}

.ys_hd_pc::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 126%;
  transition: all 0.36s ease;
  background-image: linear-gradient(rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0));
}

.ys_footer {
  background: #353639;
  padding-top: 70px;
}

.g_foot_ul1 {
  width: 60%;
  display: flex;
  flex-wrap: nowrap;
}

.g_foot_ul1 > div {
  width: 25%;
}

.g_other {
  position: relative;
  z-index: 10;
}

.g_search,
.g_station {
  cursor: pointer;
}

.g_foot_ul1 > div > a {
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.75;
  display: block;
  margin-bottom: 18px;
}

.g_foot_ul2 a {
  color: #e2e2e2;
  font-size: 14px;
  line-height: 1.75;
  display: block;
  margin-bottom: 10px;
}

.g_foot_logo {
  width: 168px;
}

.g_foot_top {
  margin-bottom: 86px;
}

.g_foot_contact {
  width: 310px;
}

.g_foot_contact > p {
  color: #fff;
  font-size: 16px;
  line-height: 1.75;
  font-weight: bold;
  margin-bottom: 26px;
}

.g_foot_catnr {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 14px;
}

.g_foot_catnr img {
  width: 20px;
}

.g_foot_catnr p,
.g_foot_catnr p a {
  color: #e2e2e2;
  font-size: 14px;
  line-height: 1.75;
}

.g_foot_catnr p {
  padding-left: 12px;
}

.g_foot_fir,
.g_foot_firbox,
.g_foot_map {
  display: flex;
  flex-wrap: nowrap;
}

.g_foot_firbox {
  width: 50%;
}

.g_foot_firbox > p,
.g_foot_firbox a {
  color: #999999;
  font-size: 14px;
  line-height: 1.75;
}

.g_foot_fir li {
  padding: 0 13px;
}

.g_foot_firbox {
  margin-bottom: 10px;
}

.g_foot_bot {
  padding: 26px 0 32px;
  border-top: 1px solid rgba(153, 153, 153, 0.3);
}

.g_foot_map {
  justify-content: flex-end;
}

.g_foot_fr > p span,
.g_foot_fr > p a,
.g_foot_map a {
  font-size: 14px;
  line-height: 22px;
  color: #999999;
}

.g_foot_map li {
  padding: 0 13px;
}

.s_footshareig img {
  width: 20px;
}

.g_share {
  margin-top: 70px;
}

.s_footshare1 {
  margin-right: 24px;
  position: relative;
}

.s_footsharebot {
  position: absolute;
  top: -140px;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  display: none;
  background: #fff;
  padding: 10px;
}

.s_footsharebot::before {
  content: '';
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  border-bottom: 10px solid transparent;
}

.s_footsharebot img {
  width: 100%;
}

.s_footshareig {
  cursor: pointer;
}

.g_nav > li > a {
  position: relative;
  display: block;
}

.g_nav > li > a::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: -2px;
  /* width: calc(100% + 2px); */
  width: 0;
  height: 2px;
  /* background: #060366; */
  background: #fff;
  transition: all 0.36s ease;
}

.g_nav li.yxnav_active1 > a::before {
  width: calc(100% + 2px);
}

.wh .ys_hd_pc,
.ys_hd_pc.on,
.ys_hd_pc.active {
  background: #fff;
  box-shadow: 0px 6px 20px rgba(16, 22, 44, 0.04);
}

.wh .ys_hd_pc::before,
.ys_hd_pc.on::before,
.ys_hd_pc.active::before {
  display: none;
}

.wh .ys_hd_pc .ys_imgbox_cover img:nth-child(1),
.ys_hd_pc.on .ys_imgbox_cover img:nth-child(1),
.ys_hd_pc.active .ys_imgbox_cover img:nth-child(1) {
  opacity: 1;
}

.wh .ys_hd_pc .ys_imgbox_cover img:nth-child(2),
.ys_hd_pc.on .ys_imgbox_cover img:nth-child(2),
.ys_hd_pc.active .ys_imgbox_cover img:nth-child(2) {
  opacity: 0;
}

.wh .ys_hd_pc .g_nav li > a,
.ys_hd_pc.on .g_nav li > a,
.ys_hd_pc.active .g_nav li > a {
  color: #161616;
  line-height: 80px;
}

.wh .ys_hd_pc .g_sta_name,
.ys_hd_pc.on .g_sta_name,
.ys_hd_pc.active .g_sta_name {
  color: #999999;
  line-height: 80px;
}

.wh .ys_hd_pc .g_other .ys_imgbox_cover,
.wh .ys_hd_pc .g_search .ys_imgbox_cover,
.ys_hd_pc.on .g_other .ys_imgbox_cover,
.ys_hd_pc.on .g_search .ys_imgbox_cover,
.ys_hd_pc.active .g_search .ys_imgbox_cover {
  line-height: 80px;
}

.wh .ys_hd_pc .g_nav li.yxnav_active1 > a::before,
.ys_hd_pc.on .g_nav li.yxnav_active1 > a::before,
.ys_hd_pc.active .g_nav li.yxnav_active1 > a::before {
  background: #060366;
}

.wh .ys_hd_pc .g_nav li.yxnav_active1 > a,
.ys_hd_pc.on .g_nav li.yxnav_active1 > a,
.ys_hd_pc.active .g_nav li.yxnav_active1 > a {
  color: #060366;
}

.ys_imgbox_contain img,
.ys_imgbox_cover img {
  width: 100%;
  transition: all 0.36s ease;
}

.yx_search3_btn {
  width: 27px;
  margin-right: 50px;
  line-height: 60px;
  position: relative;
}

.yx_search3_btn img {
  width: 100%;
  transition: all 0.36s;
}

.yx_search3img1 {
  position: relative;
  top: 0;
  left: 0;
}

.yx_search3img2 {
  position: absolute;
  top: 18px;
  left: 0;
}

.yx_search3box {
  position: relative;
}

.yx_search3xlbox {
  width: 100%;
  height: 350px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13);
  display: none;
  position: fixed;
  left: 0;
  top: 80px;
  z-index: 99;
}

.yx_search3_tbox {
  width: 37%;
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 60px;
  border-bottom: 1px solid #666;
}

.yx_search3xlbtn {
  width: 27px;
  line-height: 60px;
}

.yx_search3xlbtn img {
  width: 100%;
  transition: all 0.36s;
}

.yx_search3_xls {
  width: calc(100% - 27px);
  padding-right: 20px;
}

.yx_search3_xls input {
  font-size: 16px;
  line-height: 3.75;
  color: #666;
  width: 100%;
  transition: all 0.36s;
}

.yx_search3_xls input::placeholder {
  color: #666;
}

.yx_search3.act .yx_search3_btn .yx_search3img2 {
  opacity: 1;
}

.yx_search3.act .yx_search3_btn .yx_search3img1 {
  opacity: 0;
}

.yx_search3_btn.on .yx_search3img2 {
  opacity: 1;
}

.yx_search3_btn.on .yx_search3img1 {
  opacity: 0;
}

.g_sypt1_bot > li {
  display: none;
}

.g_sypt1_bot > li:first-child {
  display: block;
}

.g_sypt1_topfr ul,
.g_sypt1_topfr .g_sypt1_tab {
  display: flex;
  flex-wrap: nowrap;
  margin: 35px -28px 0;
  position: relative;
}
.g_sypt1_topfr ul::before,
.g_sypt1_topfr .g_sypt1_tab::before {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 56px);
  height: 1px;
  background: #d8d8d8;
}

.g_sypt1_topfr li,
.g_sypt1_topfr .swiper-slide {
  padding: 0 28px;
}

.g_button1,
.g_button1 a {
  display: flex;
  flex-wrap: nowrap;
}

.g_sypt1_topfr .g_button1,
.g_sypt1_topfr .g_button1 a {
  justify-content: flex-end;
}

.g_button1 p {
  color: #060366;
  font-size: 16px;
  line-height: 28px;
  padding-right: 18px;
}

.g_sypt1_topfr li p,
.g_sypt1_topfr .swiper-slide p {
  color: #161616;
  font-size: 18px;
  line-height: 2;
  padding-bottom: 10px;
  cursor: pointer;
  position: relative;
  transition: all 0.36s ease;
}

.g_sypt1_lifl {
  width: 66.666667%;
}

.g_sypt1_lifr {
  width: 33.333333%;
}

.g_sypt1_lifl,
.g_sypt1_lifr {
  padding: 0 20px;
}

.g_sypt1_ul li {
  display: block;
  margin: 0 -20px;
  position: relative;
  /* width: 100%; */
}

.g_sypt1_lifl .ys_imgbox_cover,
.g_sypt1_lifr .ys_imgbox_cover {
  width: 100%;
  border-radius: 16px;
  position: relative;
}

.g_sypt1_word {
  position: absolute;
  bottom: -90px;
  left: 0;
  z-index: 5;
  width: 100%;
  padding: 0 50px;
  transition: all 0.36s ease;
}

.g_sypt1_lifl .ys_imgbox_cover::before,
.g_sypt1_lifr .ys_imgbox_cover::before {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: all 0.36s ease;
  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
}

.g_sypt1_lifl a,
.g_sypt1_lifr a {
  display: block;
  position: relative;
  overflow: hidden;
}

.g_sypt1_ul li {
  margin-bottom: 40px;
}

.g_sypt1_word .g_title4,
.g_sypt1_word .g_button1 p {
  color: #fff;
}

.g_sypt1_topfr {
  margin-top: 20px;
}

.g_sypt1_word .g_word2,
.g_sypt1_word .g_title4 {
  margin-bottom: 14px;
}

.g_sypt1_word .g_button1,
.g_sypt1_word1 {
  opacity: 0;
}

.g_sypt1_word .g_button1 {
  margin-top: 40px;
}

.g_sypt1_ul li.on .g_sypt1_lifr {
  float: left;
}

.g_sypt1_ul li.on .g_sypt1_lifl {
  float: right;
}

.g_sypt1_lifl .g_sypt1_word {
  bottom: -60px;
}

.g_sypt2 {
  position: relative;
}

.g_sypt2_nr {
  position: absolute;
  top: 120px;
  left: 50%;
  transform: translateX(-50%);
}

.g_sypt2_title .g_title2,
.g_sypt2_title .g_word1 p {
  color: #fff;
}

.g_sysect1_num img {
  width: 58px;
  margin-bottom: 32px;
}

.g_sypt2_nr ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 80px -120px 0;
  width: 80%;
}

.g_sypt2_nr li {
  width: 33.333333%;
  padding: 0 120px;
}

.ys_demo_num1 {
  color: #fff;
  font-size: 48px;
  font-family: 'poppinsbold' !important;
}

.g_syjia {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}

.g_num {
  margin-bottom: 20px;
}

.g_sysect1_num p {
  color: #fff;
  font-size: 16px;
  line-height: 1.75;
}

.g_sypt2_nr .g_button1 p {
  color: #fff;
}

.g_sypt2_nr .g_button1 {
  margin-top: 60px;
}

.g_sypt2_bj img {
  /* display: none; */
}

.g_sypt2_bj video {
  width: 100%;
}

.g_sypt2_mc {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}

.g_sypt2_mc::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(17, 54, 95, 0.55);
}

.g_sypt2_bj {
  overflow: hidden;
  width: 100%;
  /* height: 725px; */
  position: relative;
}

.t_b1k5li {
  width: 33.333333%;
  /* padding: 0 18px; */
  /* margin-bottom: 40px; */
}

.t_b1k5ul_box {
  padding-bottom: 66px;
}

.t_b1k5ul_box {
  display: flex;
  flex-wrap: nowrap;
}

.t_b1k5li .ys_imgbox_cover {
  width: 100%;
  border-radius: 16px;
  margin-bottom: 30px;
}

/* .t_b1k5ul_box {
    margin: 0 -18px;
} */

.t_b1k5ic p {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  margin-bottom: 14px;
  font-family: 'poppinsmedium' !important;
}

.t_b1k5xin .g_button1 {
  margin-top: 26px;
}

.g_sypt3 .swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: inherit;
  bottom: 3px;
  z-index: 50;
  height: 2px;
  width: calc(100% - 70px);
  right: 0;
}

.g_sypt3 .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #060366 !important;
  border-radius: 10px;
  left: 0;
  top: 0;
}

.g_sypt3 .swiper-scrollbar {
  border-radius: 1px;
  background: rgba(153, 153, 153, 0.3) !important;
}

.g_sypt3 .swiper-button-prev:after,
.g_sypt3 .swiper-container-rtl .swiper-button-next:after {
  color: #060366;
  font-size: 20px;
}

.g_sypt3 .swiper-button-next:after,
.g_sypt3 .swiper-container-rtl .swiper-button-prev:after {
  color: #060366;
  font-size: 20px;
}

.g_sypt3 .swiper-button-prev {
  opacity: 1;
  bottom: -10px;
  top: inherit;
  z-index: 10;
  left: -5px;
  position: relative;
}

.g_sypt3 .swiper-button-next {
  opacity: 1;
  bottom: -10px;
  top: inherit;
  z-index: 10;
  left: 30px;
}

.g_sypt4_line {
  position: absolute;
  bottom: 6px;
  left: 25px;
  width: 1px;
  height: 12px;
  background: #060366;
}

.t_b1k5ul_box {
  position: relative;
}

.g_b4ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -23px;
}

.g_b4ul li {
  width: 33.333333%;
  padding: 0 23px;
  margin-bottom: 46px;
}

.g_b4ul li a {
  display: block;
}

.g_b4ul .ys_imgbox_cover {
  border-radius: 16px;
  width: 100%;
  margin-bottom: 46px;
}

.g_b4con_word p {
  color: #666;
}

.g_b4con_word .g_title4 {
  margin-bottom: 10px;
}

.g_button2 {
  margin-top: 46px;
  width: 130px;
  border-radius: 40px;
  background: #060366;
  transition: all 0.36s ease;
}

.g_button2 p,
.g_button2 a {
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 46px;
  display: block;
}

.g_b4main {
  margin-bottom: 120px;
}

.ys_ban_slick > li {
  display: none;
}

.ys_ban_slick > li:first-child {
  display: block;
}

.ys_ban_slick .slick-dots {
  position: absolute;
  bottom: inherit;
  top: 50%;
  transform: translateY(-50%);
  right: 48px;
  display: block;
  width: 2px;
  list-style: none;
  text-align: center;
}

.ys_ban_slick .slick-dots li {
  width: 2px;
  height: 30px;
  margin: 5px 0;
  border-radius: 0;
  background: #fff;
}

.ys_ban_slick .slick-dots li.slick-active {
  background: #060366;
}

.g_f1pt1_ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -70px;
}

.g_f1pt1_ul li {
  width: 33.333333%;
  padding: 0 70px;
}

.g_f1pt1_img {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 8px 16px 60px -11.6285px rgba(36, 71, 104, 0.1);
  position: relative;
  background: #fff;
  margin: 0 auto 24px;
}

.g_f1pt1_ul .g_word2 p,
.g_f1pt1_ul .g_word2 p a {
  color: #666;
  text-align: center;
}

.g_f1pt1_ul .g_title4 {
  margin-bottom: 10px;
  text-align: center;
}

.g_f1pt1_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
}

.g_map {
  text-align: center;
  margin-top: 14px;
}

.g_map a {
  color: #060366;
  border-bottom: 1px solid #060366;
}

/* helen star */

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

.he_borde {
  width: 100%;
  position: relative;
  padding-top: 14px;
}

.he_bordebx {
  display: flex;
  width: 100%;
}

.he_bordri,
.he_bordri a {
  font-size: 14px;
  line-height: 1.5;
  color: #bfbfbf;
  transition: all 0.36s;
}

.he_bordle {
  width: 17px;
  margin-right: 9px;
  margin-top: 1px;
}

.he_bordle img {
  width: 100%;
}

.he_bordri {
  margin-right: 4px;
}

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

.he_b1p1bx {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.he_b1p1ti .g_title2 {
  font-weight: bold;
  line-height: 1.5;
  color: #161616;
}

.he_b1p1tp p {
  line-height: 1.5;
  color: #161616;
}

.he_b1p1ti {
  margin-bottom: 15px;
}

.he_b1p1df p {
  line-height: 1.75;
  color: #666666;
  margin-bottom: 25px;
}

.he_b1p1ri img {
  width: 100%;
  border-radius: 16px;
}

.he_b1p1ri {
  width: 48.5%;
}

.he_b1p1le {
  width: 51.5%;
  padding-right: 12%;
}

.he_puti {
  margin-bottom: 40px;
}

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

.he_b1p2 video {
  width: 100%;
  position: relative;
}

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

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

.he_b1p3hf {
  width: 1042px;
  position: relative;
  max-width: 100%;
}

.he_add {
  padding: 100px 0;
}

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

.he_b1p3gli {
  width: 33.333333%;
  padding: 0 17px;
}

.he_b1p3gul {
  margin: 0 -17px;
}

.he_b1p3gwd {
  width: 100%;
  background: #fff;
  border-radius: 16px;
  padding: 46px 45px 53px;
  box-shadow: 0px 4px 14px rgba(61, 78, 109, 0.1);
}

.he_b1p3gti {
  text-align: center;
}

.he_b1p3gti p {
  font-size: 20px;
  line-height: 1.5;
  color: rgba(0, 74, 186, 1);
  font-weight: bold;
}

.he_punt {
  color: rgba(0, 74, 186, 1);
  line-height: 1.5;
  font-family: 'poppinsbold' !important;
  font-weight: normal;
}

.he_b1p3gtp p {
  font-size: 16px;
  line-height: 1.75;
  color: #161616;
  text-align: center;
}

.he_b1p3gul {
  display: flex;
  align-items: stretch;
}

.he_bantd {
  width: 50px;
  cursor: pointer;
}

.he_bantd img {
  width: 100%;
}

.he_bantdle img {
  transform: rotate(180deg);
}

.he_banten {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.he_b1p3gul .slick-list {
  padding: 20px 0;
}

.he_bantdri {
  margin-left: 25px;
}

.he_b1p4 {
  width: 100%;
  position: relative;
  padding-bottom: 50px;
}

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

.he_b1p4un {
  width: 100%;
  position: relative;
  padding-top: 15px;
}

.he_b1p4sli {
  width: 100%;
  position: relative;
  display: none;
}

.he_b1p4sli:first-child {
  display: block;
  opacity: 1;
}

.he_b1p4seq {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.he_img {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

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

.he_b1p4sle {
  width: 48%;
  position: relative;
}

.he_b1p4sle img {
  border-radius: 16px;
}

.he_b1p4sri {
  width: 52%;
  padding-left: 11.5%;
  padding-bottom: 165px;
}

.he_b1p4rn .g_title4 {
  font-weight: bold;
  line-height: 1.5;
  color: #161616;
}

.he_b1p4rn {
  margin-bottom: 20px;
}

.he_b1p4rp p {
  font-size: 16px;
  line-height: 1.75;
  color: #666;
}

.he_b1p4sh {
  width: 100%;
  position: relative;
  margin-bottom: 100px;
}

.he_b1p4kj {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  bottom: 0;
  right: 0;
  align-items: flex-end;
  width: 52%;
  padding-left: 11.5%;
  justify-content: space-between;
}

.he_b1p4kri p {
  font-size: 170px;
  line-height: 1;
  color: #ebebeb;
  /* font-weight: bold; */
  font-family: 'poppinsbold' !important;
}

.he_b1p4kp1 p {
  font-size: 16px;
  line-height: 1.5;
  color: #161616;
}

.he_b1p4kle {
  margin-bottom: 15px;
}

.he_b1p4sul {
  width: 100%;
  position: relative;
  z-index: 10;
  display: none;
}

.he_b1p4sul:first-child {
  display: block;
}

.he_b1p4sli {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 1s ease-out !important;
  transition: opacity 0.5s ease-out, -webkit-transform 1s ease-out !important;
  transition: opacity 0.5s ease-out, transform 1s ease-out !important;
  transition: opacity 0.5s ease-out, transform 1s ease-out, -webkit-transform 1s ease-out !important;
  will-change: transform;
}

.he_b1p4sli.slick-current {
  opacity: 1;
}

.he_b1p4up {
  width: 100%;
}

.he_b1p4ukul {
  border-top: 1px solid #d8d8d8;
  padding-left: 30px;
  padding-right: 30px;
}

.he_b1p4ukg {
  text-align: center;
}

.he_b1p4ukg p {
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
  transition: all 0.36s;
  display: inline-block;
  position: relative;
  padding-top: 28px;
  cursor: pointer;
  font-family: 'poppinsmedium' !important;
}

.he_b1p4ukg p::after {
  content: '';
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 1px;
  background: #060366;
  transition: all 0.36s;
  opacity: 0;
}

.he_b1p4ukul {
  /* display: flex; */
  width: 100%;
}

.he_b1p4ukli.slick-current .he_b1p4ukg p::after {
  width: 100%;
  opacity: 1;
}

.he_b1p4ukul .slick-arrow {
  width: 9px;
  height: 16px;
  background-size: 100% 100%;
  top: inherit;
  bottom: 5px;
  transform: inherit;
  z-index: 10;
}

.he_b1p4ukul .slick-prev {
  background-image: url(images/arrow3.svg);
}

.he_b1p4ukul .slick-next {
  background-image: url(images/arrow4.svg);
}

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

.he_b1p4srh {
  position: relative;
  z-index: 10;
  pointer-events: none;
}

.he_b1p4ukli {
  display: none;
}

.he_b1p4ukli:first-child {
  display: block;
}

.ys_ban_txtbox .he_ban_tit {
  font-weight: normal;
  color: #fff;
  line-height: 1.5;
  margin-top: 18px;
  width: 460px;
  max-width: 100%;
}

.ys_banner1 .ys_pos_center {
  top: 50%;
}

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

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

.he_b2p1hy p {
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
}

.he_b2p1hy {
  margin-bottom: 45px;
}

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

.he_b2p1brul {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  height: 500px;
  display: flex;
}

.he_b2p1brli {
  width: 23.7%;
  height: 100%;
  transition: all 0.65s ease-out;
  position: relative;
  overflow: hidden;
}

.he_b2p1brli.on {
  width: 100%;
}

.he_b2p1brli.on .he_b2p1btg {
  opacity: 0;
}

.he_b2p1bhn {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
}

.he_b2p1bhn::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.he_b2p1bhtx {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 101%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.he_c1p1 .he_b2p1bhtx::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(8px);
  display: block;
}

.he_c1p1 .he_b2p1brli.on .he_b2p1bhtx::before {
  backdrop-filter: blur(0px);
}

.he_b2p1btg {
  width: 100%;
  padding: 0 10px;
  position: absolute;
  bottom: 28px;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.25s ease-out;
  z-index: 2;
}

.he_b2p1byn p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.he_b2p1byn {
  margin-bottom: 15px;
}

.he_b2p1bic {
  width: 28px;
  margin: 0 auto;
}

.he_b2p1bic img {
  width: 100%;
}

.he_b2p1brl {
  width: 100%;
  position: absolute;
  top: 20px;
  left: 0;
  padding: 80px 84px;
  z-index: 10;
  opacity: 0;
  transition: all 0.5s ease-out;
  pointer-events: none;
  transition-delay: 0.2s;
}

.he_b2p1brp {
  width: 367px;
  /* max-width: 100%; */
}

.he_b2p1brp1 .g_title3 {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}

.he_b2p1brp1 {
  margin-bottom: 15px;
}

.he_b2p1brp2 p {
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
}

.he_b2p1brli.on .he_b2p1brl {
  opacity: 1;
  top: 0;
}

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

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

.he_b2p2rp {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

.he_b2p2rori {
  width: 32%;
}

.he_b2p2rori img {
  width: 100%;
  border-radius: 16px;
}

.he_b2p2role {
  width: 68%;
  padding-right: 11%;
}

.he_b2p2roey p {
  font-weight: bold;
  color: #161616;
  line-height: 1.5;
}

.he_b2p2ror1 p {
  font-size: 16px;
  line-height: 1.75;
  color: #666;
  margin-bottom: 24px;
}

.he_b2p2ror1 {
  margin-bottom: 65px;
}

.he_b2p2roey {
  margin-bottom: 35px;
}

.he_b2p2ror2 p {
  font-size: 16px;
  line-height: 1.75;
  color: #161616;
  text-align: right;
}

.he_b2p2ror2 p span {
  font-weight: bold;
}

.he_b2p3 {
  width: 100%;
  position: relative;
  background: #f8f9fa;
}

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

.he_b2p3ti {
  display: flex;
}

.he_b2p3ti .he_puti {
  width: 486px;
}

.he_b2p3ru {
  width: calc(100% - 486px);
}

.he_b2p3ru p {
  font-size: 16px;
  line-height: 1.75;
  color: #666666;
}

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

.he_b2p3fkri {
  width: calc(100% - 486px);
  /* padding-left: 480px; */
}

.he_b2p3fktk {
  width: calc(100% + 256px);
}

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

.he_b2p3ftli {
  width: 799px;
  position: relative;
  margin-right: 37px;
}

.he_b2p3ftli img {
  border-radius: 16px;
}

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

.he_b2p3fkle {
  width: 567px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 10;
  pointer-events: none;
}

.he_b2p3fyli {
  width: 100%;
  position: relative;
  background: #fff;
  border-radius: 16px;
  padding: 74px 46px 47px;
  display: none;
}

.he_b2p3fyq {
  position: relative;
  background: #fff;
  border-radius: 16px;
}

.he_b2p3fyli:first-child {
  display: block;
}

.he_b2p3fyic {
  width: 90px;
  position: absolute;
  top: -18px;
  left: 54px;
}

.he_b2p3fyic img {
  width: 100%;
}

.he_b2p3jp p {
  font-size: 18px;
  line-height: 1.75;
  color: #666;
  min-height: 7em;
}

.he_b2p3jpo p {
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
}

.he_b2p3jpo {
  margin-top: 30px;
}

.he_b2p3fkle .slick-list {
  overflow: inherit;
}

.he_b2p3anin {
  display: flex;
  position: absolute;
  top: 50%;
  right: -5%;
  transform: translateY(-50%);
  z-index: 10;
}

.he_b2p3anl {
  width: 42px;
  cursor: pointer;
  opacity: 0.6;
  transition: all 0.36s;
}

.he_b2p3anl img {
  width: 100%;
}

.he_b2p3anlri {
  margin-left: 19px;
}

.he_b2p3anlle img {
  transform: rotate(180deg);
}

.he_c1p1 {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}

.he_c1p1 .he_b2p1brul {
  border-radius: 0;
}

.he_c1p1 .he_b2p1brul {
  height: 100vh;
}

.he_c1b1pk {
  position: absolute;
  width: 100%;
  bottom: 135px;
  padding: 0 266px;
}

.he_c1p1 .he_b2p1brli {
  width: 18.5%;
}

.he_c1p1 .he_b2p1brli.on {
  width: 100%;
}

.he_c1p1 .he_b2p1brl {
  top: inherit !important;
  bottom: 20px;
}

.he_c1p1 .he_b2p1brli.on .he_b2p1brl {
  bottom: 55px;
}

.he_c1p1 .he_b2p1byn p {
  font-size: 30px;
  height: 3em;
}

.he_c1p1byle p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

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

.he_c1p1byle {
  padding-right: 19px;
}

.he_c1p1byri {
  width: 30px;
}

.he_c1p1byri img {
  width: 100%;
}

.he_b2p1brli.on .he_b2p1brl {
  pointer-events: inherit;
}

.he_c1p1b {
  margin-top: 32px;
}

.he_c1p1 .he_b2p1brp2 {
  padding-top: 15px;
}

.he_c1p1 .he_b2p1brl {
  padding-left: 21%;
  padding-right: 21%;
}

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

.he_syp4bx .he_b2p1brul {
  height: 400px;
}

.he_syp4bx .he_b2p1brli {
  width: 50%;
}

.he_syp4bx .he_b2p1brl {
  top: 50% !important;
  transform: translateY(-50%);
}

.he_syp4yti {
  width: 100%;
  text-align: center;
  padding: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  transition: all 0.36s 0.36s;
}

.he_syp4yti .g_title3 {
  color: #fff;
  font-weight: bold;
}

.he_b2p1brul.on .he_syp4yti {
  opacity: 0;
}

.he_b2p1bx .he_b2p1brl {
  transition-delay: 0;
}

.he_b2p1brli.on .he_syp4yti {
  transition: all 0.36s;
}

/*.he_syp4bx .he_b2p1brul.on .he_b2p1brli {*/
/*    width: 16.5%;*/
/*}*/

/*.he_syp4bx .he_b2p1brul.on .he_b2p1brli.on {*/
/*    width: 67%;*/
/*}*/

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

.he_sydplkri p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

.he_sydplkri {
  padding-left: 19px;
}

.he_sydplyd {
  display: flex;
  align-items: flex-end;
}

.he_sydplkle p {
  font-weight: bold;
  color: #fff;
  line-height: 1.5;
}

.he_sydplkle p .g_title2 {
  font-weight: bold;
  color: #fff;
  line-height: 1;
}

.he_b2p1bx .he_b2p1brp {
  width: 520px;
  /* max-width: 100%; */
}

.he_sydplyd {
  margin-bottom: 43px;
}

.he_syp4bx .he_b2p1brp2 {
  margin-bottom: 45px;
}

.he_syp4bx .he_c1p1b {
  padding-top: 30px;
}

.he_sydplyd:last-child {
  margin-bottom: 0;
}

.he_b1p5 {
  width: 100%;
  background: #f8f9fa;
}

.he_b1p5 .t_b1k5ul_box {
  margin: 0 0px;
}

.he_b1p5 .t_b1k5li {
  padding: 0 0px;
}

.he_b1p5to {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  background: rgba(0, 74, 186, 0.9);
  z-index: 10;
  display: flex;
  align-items: center;
  transition: all 0.36s;
  opacity: 0;
}

.he_b1p5to .g_title4 {
  color: #fff;
  line-height: 1.5;
  text-align: center;
  padding: 0 20%;
  font-weight: normal;
}

.he_b1p5 .t_b1k5li .he_b1p5g {
  display: block;
  width: 100%;
  position: relative;
}

/* helen end */
/* tammy - start */
.g_e2pt1 {
  background: rgb(0, 31, 90);
}

.t_pagfont24 p {
  font-size: 24px;
  line-height: 1.75;
  color: #fff;
  text-align: center;
}

.g_e2pt1 .waves {
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}

.t_e2pt2ul,
.t_e2pt2bg {
  height: 100%;
}

.t_e2pt2bg div {
  height: 100%;
}

.t_e2pt2ul li {
  height: 100%;
}

.t_e2pt2ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.t_e2pt2ul li {
  position: relative;
}

.t_e2pt2ul li::before {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 3;
}

.t_e2pt2box .g_title2 {
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
}

.t_e2pt2pag {
  width: 900px;
  margin: 0 auto;
  text-align: center;
  max-width: 100%;
}

.t_e2pt2wai {
  margin-bottom: 106px;
}

.t_e2pt2nr {
  position: relative;
}

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

.t_e2pt2box {
  position: relative;
  z-index: 4;
}

.t_e2pt2icon {
  height: 50px;
  margin-bottom: 26px;
}

.t_e2pt2icon img {
  height: 100%;
}

.t_e2pt2swul .g_title4 {
  color: #fff;
  font-weight: normal;
}

.t_e2pt2swul li {
  width: 33.333333%;
  float: left;
  text-align: center;
  position: relative;
  padding-bottom: 29px;
  cursor: pointer;
}

.t_e2pt2swul {
  position: relative;
  margin-bottom: 33px;
}

.t_e2pt2swul::before {
  content: '';
  width: 100%;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #d8d8d8;
  opacity: 0.5;
}

.t_e2pt2swul li::before {
  content: '';
  width: 0;
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  transition: all 0.36s;
  opacity: 0;
}

.t_e2pt2swul li.on::before {
  width: 100%;
  opacity: 1;
}

.t_e2pt2bot {
  background: rgba(0, 0, 0, 0.5);
  padding: 65px 20px;
}

.g_e2pt3,
.g_e2pt4 {
  position: relative;
}

.g_e2pt3::before,
.g_e2pt4::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 3;
}

.t_e2pt3ul .g_title4 {
  font-weight: bold;
  line-height: 1.5;
  color: #dbdbdb;
  transition: all 0.36s;
}

.t_e2pt3ul li {
  cursor: pointer;
}

.t_e2pt3ul li.on .g_title4 {
  color: #fff;
}

.t_e2pt3le {
  width: 354px;
}

.t_e2pt3rg {
  width: calc(100% - 354px);
  padding-left: 250px;
  padding-right: 16px;
}

.t_e2pt4ic {
  height: 50px;
  margin-bottom: 26px;
}

.t_e2pt4ic img {
  height: 100%;
}

.t_e2pt4ul li {
  width: 33.333333%;
  float: left;
  padding: 0 50px;
}

.t_e2pt4ul {
  margin: 0 -50px;
}

.t_e2pt4ul .g_title4 {
  margin-bottom: 33px;
  font-weight: normal;
  color: #fff;
}

.g_e2pt4 .t_e2pt2wai {
  margin-bottom: 80px;
}

.g_e2pt4 .t_e2pt2box .g_title2 {
  margin-bottom: 18px;
}

.t_e2pt1nr {
  position: relative;
  z-index: 4;
}

.bg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.section {
  overflow: hidden;
}

.g_e2pt3 .t_e2pt2wai {
  margin-bottom: 110px;
}

@font-face {
  font-family: 'chuang-light';
  src: url('../fonts/chuang-light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'chuang-medium';
  src: url('../fonts/chuang-medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'chuang-bold';
  src: url('../fonts/chuang-bold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* 整屏 head */
.g_strength .ys_main {
  font-family: 'chuang-medium' !important;
}
.g_strength .ys_main .ys_ban_title,
.g_strength .ys_main .g_title2,
.g_strength .ys_main .he_e2t24,
.g_strength .ys_main .he_e2t2ty p {
  font-family: 'chuang-bold' !important;
  font-weight: normal;
}

/* .fp-viewing-1 .ys_hd_pc,
.fp-viewing-2 .ys_hd_pc,
.fp-viewing-3 .ys_hd_pc,
.fp-viewing-4 .ys_hd_pc, */
.g_tech.fp-viewing-5 .ys_hd_pc,
.g_strength.fp-viewing-6 .ys_hd_pc {
  background: #fff;
  box-shadow: 0px 6px 20px rgba(16, 22, 44, 0.04);
}

/* .fp-viewing-1 .ys_hd_pc::before,
.fp-viewing-2 .ys_hd_pc::before,
.fp-viewing-3 .ys_hd_pc::before,
.fp-viewing-4 .ys_hd_pc::before, */
.g_tech.fp-viewing-5 .ys_hd_pc::before,
.g_strength.fp-viewing-6 .ys_hd_pc::before {
  display: none;
}

/* .fp-viewing-1 .ys_hd_pc .ys_imgbox_cover img:nth-child(1),
.fp-viewing-2 .ys_hd_pc .ys_imgbox_cover img:nth-child(1),
.fp-viewing-3 .ys_hd_pc .ys_imgbox_cover img:nth-child(1),
.fp-viewing-4 .ys_hd_pc .ys_imgbox_cover img:nth-child(1), */
.g_tech.fp-viewing-5 .ys_hd_pc .ys_imgbox_cover img:nth-child(1),
.g_strength.fp-viewing-6 .ys_hd_pc .ys_imgbox_cover img:nth-child(1) {
  opacity: 1;
}

/* .fp-viewing-1 .ys_hd_pc .ys_imgbox_cover img:nth-child(2),
.fp-viewing-2 .ys_hd_pc .ys_imgbox_cover img:nth-child(2),
.fp-viewing-3 .ys_hd_pc .ys_imgbox_cover img:nth-child(2),
.fp-viewing-4 .ys_hd_pc .ys_imgbox_cover img:nth-child(2), */
.g_tech.fp-viewing-5 .ys_hd_pc .ys_imgbox_cover img:nth-child(2),
.g_strength.fp-viewing-6 .ys_hd_pc .ys_imgbox_cover img:nth-child(2) {
  opacity: 0;
}

/* .fp-viewing-1 .ys_hd_pc .g_nav li>a,
.fp-viewing-2 .ys_hd_pc .g_nav li>a,
.fp-viewing-3 .ys_hd_pc .g_nav li>a,
.fp-viewing-4 .ys_hd_pc .g_nav li>a, */
.g_tech.fp-viewing-5 .ys_hd_pc .g_nav li > a,
.g_strength.fp-viewing-6 .ys_hd_pc .g_nav li > a {
  color: #333;
  line-height: 80px;
}

/* .fp-viewing-1 .ys_hd_pc .g_sta_name,
.fp-viewing-2 .ys_hd_pc .g_sta_name,
.fp-viewing-3 .ys_hd_pc .g_sta_name,
.fp-viewing-4 .ys_hd_pc .g_sta_name, */
.g_tech.fp-viewing-5 .ys_hd_pc .g_sta_name,
.g_strength.fp-viewing-6 .ys_hd_pc .g_sta_name {
  color: #999999;
  line-height: 80px;
}

/* .fp-viewing-1 .ys_hd_pc .g_other .ys_imgbox_cover,
.fp-viewing-2 .ys_hd_pc .g_other .ys_imgbox_cover,
.fp-viewing-3 .ys_hd_pc .g_other .ys_imgbox_cover,
.fp-viewing-4 .ys_hd_pc .g_other .ys_imgbox_cover, */
.g_tech.fp-viewing-5 .ys_hd_pc .g_other .ys_imgbox_cover,
/* .fp-viewing-1 .ys_hd_pc .g_search .ys_imgbox_cover,
.fp-viewing-2 .ys_hd_pc .g_search .ys_imgbox_cover,
.fp-viewing-3 .ys_hd_pc .g_search .ys_imgbox_cover,
.fp-viewing-4 .ys_hd_pc .g_search .ys_imgbox_cover, */
.g_tech.fp-viewing-5 .ys_hd_pc .g_search .ys_imgbox_cover,
.g_strength.fp-viewing-6 .ys_hd_pc .g_search .ys_imgbox_cover,
.g_strength.fp-viewing-6 .ys_hd_pc .g_other .ys_imgbox_cover {
  line-height: 80px;
}

/* .fp-viewing-1 .ys_hd_pc .g_nav li.yxnav_active1>a,
.fp-viewing-2 .ys_hd_pc .g_nav li.yxnav_active1>a,
.fp-viewing-3 .ys_hd_pc .g_nav li.yxnav_active1>a,
.fp-viewing-4 .ys_hd_pc .g_nav li.yxnav_active1>a, */
.g_tech.fp-viewing-5 .ys_hd_pc .g_nav li.yxnav_active1 > a,
.g_strength.fp-viewing-6 .ys_hd_pc .g_nav li.yxnav_active1 > a {
  color: #060366;
}

/* .fp-viewing-1 .ys_hd_pc .g_nav li.yxnav_active1>a::before,
.fp-viewing-2 .ys_hd_pc .g_nav li.yxnav_active1>a::before,
.fp-viewing-3 .ys_hd_pc .g_nav li.yxnav_active1>a::before,
.fp-viewing-4 .ys_hd_pc .g_nav li.yxnav_active1>a::before, */
.g_tech.fp-viewing-5 .ys_hd_pc .g_nav li.yxnav_active1 > a::before,
.g_strength.fp-viewing-6 .ys_hd_pc .g_nav li.yxnav_active1 > a::before {
  background: #060366;
}

.t_e2pt4ul.slick-dotted .slick-dots {
  bottom: 0;
}

.t_e2pt4ul.slick-dotted {
  padding-bottom: 30px;
}

.slick-dots li {
  margin: 0 10px;
}

.t_e2pt4ul .slick-dots li {
  padding: 0 !important;
  float: none;
}

.t_e2page .ys_ph_navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/* e2 载入 */
/* .g_tech.fp-viewing-1 .t_e2pt2pag {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .3s;
}

.fp-viewing-2 .t_e2pt2nr .g_title2 {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .1s;
}

.fp-viewing-2 .t_e2pt2nr .t_e2pt2wai p {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .2s;
}

.fp-viewing-2 .t_e2pt2swul {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .3s;
}

.fp-viewing-2 .t_e2pt2bot {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .4s;
}

.fp-viewing-2 .t_e2pt2bot li.slick-active {
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 0.1s;
}

.fp-viewing-3 .t_e2pt3box .g_title2 {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .1s;
}

.fp-viewing-3 .t_e2pt3box .t_e2pt2wai p {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .2s;
}

.fp-viewing-3 .t_e2pt3ul li {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .3s;
}

.fp-viewing-3 .t_w2pt3lie {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .4s;
}

.fp-viewing-3 .t_w2pt3lie li.slick-active {
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 0.1s;
}

.fp-viewing-4 .t_e2pt4box .g_title2 {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .1s;
}

.fp-viewing-4 .t_e2pt4box .t_e2pt2wai p {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .2s;
}

.fp-viewing-4 .t_e2pt4ul {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .3s;
}

.fp-viewing-4 li.slick-active .t_e2pt4ic {
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 0.1s;
}

.fp-viewing-4 li.slick-active .g_title4 {
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 0.2s;
}

.fp-viewing-4 li.slick-active .g_word2 {
    animation: fadeIn .5s ease-in-out both;
    animation-delay: 0.3s;
} */

/* e2 - 其他 */
.g_e2pt1 .he_borde {
  position: absolute;
  width: 100%;
  top: 100px;
  z-index: 10;
}

.t_e2main .ys_banner,
.t_e2main .ys_ban_slick,
.t_e2main .ys_ban_slick li,
.t_e2main .ys_ban_imgbox {
  height: 100%;
}

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

/* tammy - end */

.he_b2p1bhtx video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ys_sybanul .ys_sybankli p {
  transition: all 0.36s;
}

.ys_sybanul .ys_sybankli {
  position: relative;
}

.ys_sybanul .ys_sybankli::after {
  position: absolute;
  top: 0;
  left: 30px;
  width: 0;
  height: 1px;
  background: #fff;
  content: '';
  display: block;
  transition: all 0.36s ease;
}

.ys_sybanul .act::after {
  width: calc(100% - 60px);
}

.g_button1 img {
  width: 28px;
}

/* .he_b1p4sle {
    transform: translateX(250px);
    transition: all 0.56s;
    transition-delay: 0.3s;
} */

/* .he_b1p4sli.slick-current .he_b1p4sle {
    transform: translateX(0px);
}

.he_b1p4rn {
    transform: translateX(80px);
    transition: all 0.56s;
    transition-delay: 0.3s;
}

.he_b1p4sli.slick-current .he_b1p4rn {
    transform: translateX(0px);
}

.he_b1p4rp {
    transform: translateX(80px);
    transition: all 0.56s;
    transition-delay: 0.4s;
}

.he_b1p4sli.slick-current .he_b1p4rp {
    transform: translateX(0px);
}
 */

.he_b1p4sli {
  padding: 0 25px;
}

.he_b1p4srh {
  margin: 0 -25px;
}

.g_b3pt1nr {
  width: 50%;
}

.g_b3pt2 video,
.g_b3pt2 img {
  border-radius: 16px;
}

.g_b3pt2 img {
  display: none;
}

.g_b3pt1_ul p {
  font-size: 16px;
  color: #666;
  line-height: 1.75;
}

.g_b3pt1_ul {
  display: flex;
  flex-wrap: wrap;
}

.g_b3pt1_ul li {
  width: 50%;
}

.g_b3pt1_ul span {
  color: #161616;
  font-size: 64px;
}

.g_b3pt3 li {
  margin-bottom: 130px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.g_b3pt3 li:nth-child(even) {
  flex-direction: row;
}

.g_b3pt3 {
  padding: 120px 0 40px;
  background: #f8f9fa;
}

.g_b3pt3_ul .ys_imgbox_cover {
  width: 58%;
  border-radius: 16px;
}

.g_b3pt3_ul .g_b3pt3_word {
  width: 42%;
  padding-left: 150px;
}

.g_b3pt3 li:nth-child(even) .g_b3pt3_word {
  padding-left: 0;
  padding-right: 150px;
}

.g_b3pt3 .g_title2 {
  text-align: center;
}

.g_sypt3 .g_sypt1_topfr .g_button1 {
  margin-top: 30px;
}

.he_b1p3gli {
  height: inherit;
}

.he_b1p3gwd {
  height: 100%;
}

.he_b1p3gul .slick-track {
  height: 100%;
}

.he_bantd.slick-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.he_b1p4 .slick-arrow.slick-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.he_bordri {
  position: relative;
  padding-right: 17px;
}

.he_bordri:last-child {
  padding-right: 0;
}

.he_bordri:last-child::before {
  display: none;
}

.he_bordri::before {
  content: '>';
  position: absolute;
  top: 0px;
  right: 0px;
}

.g_button1 img {
  transition: all 0.36s ease;
}

.g_title1_up {
  opacity: 0;
  transform: translateY(60px);
}

.ys_ban_slick li.slick-active .g_title1_up {
  animation: bannertitle 1s 0.3s ease-out both;
}

@keyframes bannertitle {
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.g_sypt1_ul,
.g_sypt1_bot,
.g_sypt1_bot > li {
  width: 100%;
}

.g_navulbox1 {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 70px;
  background: #f8f8f8;
  box-shadow: 0 0 5px 3px rgb(0 0 0 / 3%);
}

.g_navulbox1 ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.g_navulbox1 a {
  color: #161616 !important;
  font-size: 16px;
  line-height: 70px;
  transition: all 0.36s ease;
}

.g_navulbox1 li {
  padding: 0 100px;
}

.g_navulbox1 li.yxnav_active2 a {
  color: #060366 !important;
}

.g_navulbox1 {
  display: none;
}

.g_navulbox2 {
  position: absolute;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 285px;
  background: #f8f8f8;
  padding: 76px 100px 32px;
  display: none;
  box-shadow: 0 0 5px 3px rgb(0 0 0 / 3%);
}

.g_navulbox2 ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.g_navulbox2 li {
  /* padding:0 100px; */
  position: relative;
  width: 20%;
}

.g_navulbox2 .ys_imgbox_cover {
  width: 100px;
  margin: 0 auto 76px;
}

.g_navulbox2 li p {
  text-align: center;
  font-size: 16px;
  color: #161616;
  transition: all 0.36s ease;
  padding-top: 25px;
  line-height: 1.75;
}

.g_navulbox2 li::before {
  content: '';
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #d8d8d8;
}

.g_navulbox2 li::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 62px;
  background: #d8d8d8;
}

.g_navulbox2 li:last-child::after {
  display: none;
}

.g_navulbox2 li .ys_imgbox_cover img:nth-child(2) {
  opacity: 0;
}

.g_navulbox2 li .ys_imgbox_cover img:nth-child(1) {
  opacity: 1;
}

.g_navulbox2 li.yxnav_active2 .ys_imgbox_cover img:nth-child(2) {
  opacity: 1;
}

.g_navulbox2 li.yxnav_active2 .ys_imgbox_cover img:nth-child(1) {
  opacity: 0;
}

.g_navulbox2 li.yxnav_active2 p {
  color: #060366;
}

.ys_hd_pc {
  transition: all 0.36s;
}

.ys_sybanul_box::before {
  pointer-events: none;
}

.g_sypt3 .swiper-container-horizontal > .swiper-scrollbar {
  bottom: 10px;
}

.ys_hd_pc.on .g_navulbox1,
.ys_hd_pc.on .g_navulbox2,
.ys_hd_pc.active .g_navulbox1 {
  top: 80px;
}

.ys_imgbox_cover img:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  opacity: 0;
}

.ys_ph_nav ul li.yxnav_active2 a {
  color: rgba(255, 255, 255, 0.6);
}

.ys_ph_navbar2 .ys_phnav_menu,
.ys_phnav2_lang_modal {
  background: #060366;
}

.ys_ph_navbar2 .ys_phnav_logo {
  background: #060366;
}

.ys_ph_navbar2 .ys_phnav_header a,
.ys_ph_navbar2 .ys_phnav_search .iconfont {
  color: #060366;
}

.ys_ph_navbar2 .ys_phnav_menubtn span,
.ys_ph_navbar2 .ys_phnav_menubtn::after,
.ys_ph_navbar2 .ys_phnav_menubtn::before {
  background: #060366;
}

.he_b2p1btg {
  padding: 0 18px;
}

.s_footshareig {
  width: 20px;
}

.s_footshare {
  position: relative;
}

.g_sypt4 .he_b2p1brli {
  width: 66.666666%;
}

.g_sypt4 .he_b2p1brli.on {
  width: 57%;
}

.g_sypt4 .he_b2p1brli.on {
  width: 165%;
}

.g_foot_fir {
  margin: 0 -13px;
}

.he_syp4bx .he_c1p1b {
  padding-top: 0;
}

.g_sypt4 .he_b2p1brl {
  padding: 30px 84px;
}

.g_sypt4 .he_syp4bx .he_b2p1brp2 {
  margin-bottom: 25px;
}

.g_sypt4 .he_sydplyd {
  margin-bottom: 22px;
}

.g_sypt4 .he_syp4bx .he_c1p1b {
  padding-top: 0;
}

.g_sypt1_tabbox {
  position: relative;
}

.g_sypt1_topfr li p::before,
.g_sypt1_topfr .swiper-slide p::before {
  position: absolute;
  content: '';
  display: block;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  background: #060366;
  transition: all 0.36s ease;
}

.g_sypt1_topfr li.on p::before,
.g_sypt1_topfr .swiper-slide.on p::before {
  width: 100%;
}

.g_station_bot {
  position: fixed;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  background: #f8f8f8;
  box-shadow: 0 0 5px 3px rgb(0 0 0 / 3%);
  padding: 46px 0 50px;
  display: none;
}

.g_station_botul p {
  width: 180px;
  font-size: 16px;
  color: #161616;
  line-height: 28px;
}

.g_station_botul ul {
  width: calc(100% - 180px);
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -20px;
}

.g_station_botul {
  margin-bottom: 10px;
}

.g_station_botul li {
  width: 20%;
  padding: 0 20px;
  margin-bottom: 20px;
}

.g_station_botul li a {
  font-size: 16px;
  color: #666;
  line-height: 28px;
  transition: all 0.36s ease;
}

.g_station_top {
  cursor: pointer;
}

.g_station_top.on .g_sta_name {
  color: #060366;
}

.g_station_top.on .g_sta_icon img:nth-child(3),
.g_station_top.on .g_sta_arrow img:nth-child(3) {
  opacity: 1;
}

.g_station_top.on .g_sta_icon img:nth-child(1),
.g_station_top.on .g_sta_icon img:nth-child(2),
.g_station_top.on .g_sta_arrow img:nth-child(2),
.g_station_top.on .g_sta_arrow img:nth-child(1) {
  opacity: 0;
}

.g_station_top.on .g_sta_arrow img:nth-child(3) {
  transform: rotate(180deg);
}

.ys_phnav2_lang_btn img {
  width: 24px;
}

.ys_phnav2_lang_btn span {
  font-size: 14px;
  line-height: 24px;
}

.g_b4pt3_botulbox {
  display: none;
}

.g_b4pt3_botulbox:first-child {
  display: block;
}

.g_b4pt2 .g_title2,
.g_b4pt3 .g_title2 {
  text-align: center;
}

.g_b4pt2_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.g_b4pt2_input1 {
  width: 23.5%;
  margin-right: 30px;
}

.g_b4pt2_input2 {
  width: calc(53% - 60px);
}

.g_b4pt2_input {
  border-bottom: 1px solid #d8d8d8;
}

.g_b4pt2_input p {
  line-height: 50px;
  color: #333;
  font-size: 16px;
}

.g_b4pt2_input p span {
  color: #ff4f30;
}

.g_b4pt2_input input {
  line-height: 50px;
  color: #333;
  font-size: 16px;
  padding-left: 15px;
}
.g_b4pt2_input textarea {
  color: #333;
  font-size: 16px;
  padding-left: 15px;
}

.g_b4pt2_input2 p {
  width: 100px;
}

.g_b4pt2_input2 input {
  width: calc(100% - 100px);
}

.g_b4pt2_input1 p {
  width: 40px;
}

.g_b4pt2_input1 input {
  width: calc(100% - 40px);
}

.g_b4pt2_input3 p {
  width: 60px;
}

.g_b4pt2_input3 input {
  width: calc(100% - 80px);
  padding-right: 100px;
}

.g_b4pt2_input3 {
  position: relative;
}

.g_b4pt2_input3 img {
  width: 80px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}

.g_b4pt2_input {
  display: flex;
  flex-wrap: nowrap;
}

.g_b4pt2_input {
  margin-bottom: 30px;
}

.g_b4pt2_inputbox {
  width: 48%;
  display: flex;
}

.g_b4pt2_input4 {
  display: flex;
}

.g_b4pt2_input3 {
  width: 49.5%;
  margin-right: 30px;
}

.g_b4pt2_input4 {
  width: calc(50.5% - 30px);
}

.g_b4pt2_input4 p {
  color: #666666;
  font-size: 14px;
  line-height: 50px;
}

.g_b4pt2_input4 p a {
  color: #060366;
}

.g_round {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 1px solid #c4c4c4;
  margin-top: 18px;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

.g_round::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  content: '';
  display: block;
}

.g_round.on::before {
  background: #060366;
}

.g_round.on {
  border: 1px solid #060366;
}

.g_button3 {
  margin: 40px auto 0;
  width: 170px;
  line-height: 56px;
  border-radius: 50px;
  background: #060366;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
}

.g_b4pt3_top {
  border-bottom: 1px solid #e9e9e9;
}

.g_b4pt3_topul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 1000px;
  margin: 0 auto;
}

.g_b4pt3_topul .slick-list,
.g_b4pt3_topul .slick-track {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}

.g_b4pt3_topul li {
  padding: 0 10px;
  width: 20%;
}

.g_b4pt3_topul li p {
  width: 100%;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}

.g_b4pt3_topul li p span {
  font-size: 18px;
  color: #333;
  position: relative;
  transition: all 0.36s ease;
  cursor: pointer;
  text-align: center;
}

.g_b4pt3_topul li p span::before {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 1px;
  background: #060366;
  transition: all 0.36s ease;
  display: block;
}

.g_b4pt3_botul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0 -15px;
}

.g_b4pt3_botul li {
  width: 33.333333%;
  padding: 0 15px;
  margin-bottom: 30px;
}

.g_b4pt3_botbox {
  border-radius: 10px;
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.02);
  padding: 33px 36px;
}

.g_b4pt3_botli {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
}

.g_b4pt3_botbox .g_title5 {
  margin-bottom: 18px;
}

.g_b4pt3_botli img {
  width: 16px;
  margin-right: 15px;
  line-height: 28px;
  margin-top: 7px;
}

.g_b4pt3_botli p {
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}

.g_b4pt3_botli p a {
  font-size: 16px;
  color: #666666;
  line-height: 28px;
}

.g_b4pt3_topul li.slick-current span::before {
  width: 100%;
}

.g_c2pt1 .he_b1p3gti span {
  color: #060366;
  line-height: 1.6;
}

.g_c2pt1_btn {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
}

.g_button4 {
  width: 170px;
  background: #060366;
  border-radius: 40px;
  margin-right: 27px;
}

.g_button4 a {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 45px;
  color: #fff;
  cursor: pointer;
}

.g_c2pt2_tit {
  color: #333333;
  font-size: 20px;
  line-height: 1.75;
  font-weight: bold;
}

.g_c2pt4_li {
  width: 33.333333%;
  padding: 0 25px;
}

.g_c2pt4_ul {
  margin: 0 -25px;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.g_c2pt4_ul .ys_imgbox_cover {
  border-radius: 16px;
  margin-bottom: 32px;
}

.g_c2pt4 {
  padding: 100px 0 150px;
  background: #f8f9fa;
}

.g_c2pt4 .g_title2,
.g_c2pt3 .g_title2 {
  text-align: center;
}

.g_c2pt4_word span {
  font-family: 'poppinsmedium' !important;
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  display: block;
  margin-bottom: 10px;
}

.g_c2pt4_word p {
  font-size: 18px;
  color: #333333;
  line-height: 1.75;
  display: block;
}

.g_c2pt4_ul .slick-dots {
  bottom: -50px;
}

.g_c2pt4_ul .slick-dots li.slick-active {
  background: #060366;
}

.g_c2pt4_ul .slick-dots li {
  width: 16px;
  height: 4px;
  margin: 0 4px;
  border-radius: 0;
  background: #dbdbdb;
}

.g_sybanwz_imgnr {
  transition: all 0.5s ease !important;
}

.g_sybanwz_imgnr.slick-active {
  transform: scale(0.57);
}

.g_sybanwz_imgnr {
  transform: scale(0.62);
}

.g_sybanwz_img {
  width: 100%;
}

.g_sybanwz_img {
  position: relative;
}

.g_sybanwz_imgsk span {
  opacity: 0;
}

.g_sybanwz_imgnr.mcslick-next {
  opacity: 1 !important;
  transform: translateX(40%) scale(0.42);
}

.g_sybanwz_imgnr.mcslick-next .g_sybanwz_img {
  transform: translate3d(17.8399px, 0px, -17.8399px) rotateX(0deg) rotateY(107.039deg);
}

.g_sybanwz_imgnr.mcslick-prev {
  opacity: 1 !important;
  transform: translateX(-40%) scale(0.42) perspective(500px);
}

.g_sybanwz_imgnr.mcslick-next .g_sybanwz_img {
  transform: translate3d(-6.15654px, 0px, -6.15654px) rotateX(0deg) rotateY(-36.9392deg);
}

.g_c2pt3_bot {
  width: 1130px;
  margin: 0 auto;
}

.g_c2pt3_bot .g_title4,
.g_c2pt3_bot .g_word3 p {
  text-align: center;
}

.g_c2pt3_botul {
  width: 100%;
}

.g_c2pt3_botul .g_button1 {
  justify-content: center;
}

.he_syp3bpli.swiper-slide-active .he_syp3bpbx {
  transform: scale(1);
}

.he_syp3bpli.swiper-slide-active .he_syp3bpsig::before {
  background: rgba(255, 255, 255, 0);
}

.he_syp3bpli {
  width: 800px !important;
  transform: scale(0.8);
}

.g_c2pt3_top {
  margin-bottom: 50px;
}

.he_syp3bpsig {
  position: relative;
  border-radius: 16px;
}

.he_syp3bpsig::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 1;
}

.he_sweple img {
  transform: rotate(180deg);
}

.g_c2pt3_bot {
  position: relative;
}

.he_sweple {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: 10;
}

.he_swepri {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 10;
}

.g_c2pt3_botul .swiper-slide {
  padding: 0 115px;
  display: block;
}

.g_clist .he_b1p3hf {
  width: 100%;
  position: relative;
  max-width: 100%;
}

.g_clist .he_b1p3gli {
  width: 25%;
  padding: 0 17px;
}

.g_clist .he_b1p3gul .slick-list {
  padding: 20px 0;
  width: 100%;
}

.g_clist .he_b1p3gul .slick-track {
  width: 100%;
}

.g_c5pt1bj {
  width: 750px;
  margin: 0 auto;
}

.g_c5pt1 {
  background: #f8f9fa;
  padding: 260px 0 230px;
}

.g_c5pt1nr {
  position: relative;
}

.g_c5pt1_icon {
  position: absolute;
  width: 250px;
  opacity: 0;
  transition: all 0.5s ease;
}

.g_c5pt1_img1,
.g_c5pt1_img2 {
  position: absolute;
}

.g_c5pt1_img1 {
  background-size: 100%;
}

.g_c5pt1_icon p {
  color: #333;
  font-size: 16px;
  line-height: 1.75;
}

.g_c5pt1_icon1 {
  top: 0;
  left: 0%;
}

.g_c5pt1_icon1 .g_c5pt1_img1 {
  background: url(images/c5_img11.svg.html) no-repeat;
  width: 140px;
  height: 40px;
  top: 30px;
  left: 0;
}

.g_c5pt1_icon1 .g_c5pt1_img2 {
  top: -10px;
  right: -46px;
  width: 100%;
}

.g_c5pt1_icon2 {
  top: -32%;
  left: 17%;
}

.g_c5pt1_icon2 .g_c5pt1_img1 {
  background: url(images/c5_img14.svg.html) no-repeat;
  width: 9px;
  height: 30px;
  top: 30px;
  left: 85px;
}

.g_c5pt1_icon2 .g_c5pt1_img2 {
  width: 180px;
  top: 0;
  left: 0;
}

.g_c5pt1_icon3 {
  top: -38%;
  left: 50%;
}

.g_c5pt1_icon3 .g_c5pt1_img1 {
  background: url(images/c5_img14.svg.html) no-repeat;
  width: 9px;
  height: 50px;
  top: 30px;
  left: 85px;
}

.g_c5pt1_icon3 .g_c5pt1_img2 {
  top: 60px;
  left: 0;
}

.g_c5pt1_icon4 {
  top: -18%;
  right: 2%;
}

.g_c5pt1_icon4 .g_c5pt1_img1 {
  background: url(images/c5_img12.svg.html) no-repeat;
  width: 140px;
  height: 26px;
  top: 30px;
  right: 153px;
}

.g_c5pt1_icon4 .g_c5pt1_img2 {
  top: -40px;
  right: 192px;
}

.g_c5pt1_icon5 {
  top: 40%;
  right: 2%;
}

.g_c5pt1_icon5 .g_c5pt1_img1 {
  background: url(images/c5_img15.svg.html) no-repeat;
  width: 50px;
  height: 2px;
  top: 42px;
  right: 140px;
}

.g_c5pt1_icon5 .g_c5pt1_img2 {
  top: -40px;
  right: 192px;
}

.g_c5pt1_icon5 p {
  position: absolute;
  top: 28px;
  right: 86px;
}

.g_c5pt1_icon6 {
  bottom: 23%;
  right: 9%;
}

.g_c5pt1_icon6 .g_c5pt1_img1 {
  background: url(images/c5_img15.svg.html) no-repeat;
  width: 50px;
  height: 2px;
  top: 80px;
  right: 200px;
}

.g_c5pt1_icon6 .g_c5pt1_img2 {
  top: -40px;
  right: 192px;
}

.g_c5pt1_icon6 p {
  position: absolute;
  top: 67px;
  right: 158px;
}

.g_c5pt1_icon7 {
  bottom: 16%;
  left: 48%;
}

.g_c5pt1_icon7 .g_c5pt1_img1 {
  background: url(images/c5_img13.svg.html) no-repeat;
  width: 162px;
  height: 28px;
  top: 99px;
  right: 114px;
}

.g_c5pt1_icon7 .g_c5pt1_img2 {
  top: -40px;
  right: 192px;
}

.g_c5pt1_icon7 p {
  position: absolute;
  top: 125px;
  right: 113px;
}

.g_c5pt1_icon8 {
  bottom: 16%;
  left: 10%;
}

.g_c5pt1_icon8 .g_c5pt1_img1 {
  background: url(images/c5_img10.svg.html) no-repeat;
  width: 166px;
  height: 28px;
  top: 99px;
  right: 114px;
}

.g_c5pt1_icon8 .g_c5pt1_img2 {
  top: -52px;
  right: -12px;
}

.g_c5pt1_icon8 p {
  position: absolute;
  top: 125px;
  left: -30px;
}

.g_c5pt2 {
  padding: 100px 0;
}

.he_d1p1bx {
  width: 100%;
}

.he_d1p1le {
  width: 500px !important;
  padding-right: 0;
  min-width: 500px;
  padding-bottom: 50px;
  position: relative;
}

.mc_d1_progress {
  position: absolute;
  left: -30px;
  top: 15px;
  width: 2px;
  height: 55vh;
  background: #e8edf3;
  /* background: rgba(255,255,255,0.4); */
  z-index: 99;
}

.mc_d1_progress {
  left: 0;
  height: 60vh;
}

.mc_d1_progress {
  top: 140px;
}

.mc_d1_progress::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #060366;
}

.mc_d1_progress span {
  display: block;
  width: 100%;
  height: 0;
  background: #060366;
  transition: all 0.3s ease-out;
}

.he_d1p1bg {
  width: 100%;
  position: relative;
  padding-left: 70px;
}

.he_d1p1bli {
  max-height: 42px;
  overflow: hidden;
  margin: 14px 0 20px;
  /* transition: all 0.36s; */
  position: relative;
}

.he_d1p1bli.act {
  max-height: 377px;
}

.he_d1p1bli:first-child {
  margin-top: 0;
}

.he_d1p1bbt {
  cursor: pointer;
}

.he_d1p1bbt p {
  font-size: 24px;
  line-height: 1.75;
  color: #b5b5b5;
  font-weight: bold;
  height: 42px;
  overflow: hidden;
}

.he_d1p1bli.act .he_d1p1bbt p {
  color: #333;
}

.he_d1p1bwe {
  margin-top: 10px;
  max-height: 330px;
}

.he_d1p1bwe p {
  font-size: 16px;
  line-height: 1.875;
  color: #666666;
  margin-bottom: 5px;
}

.he_d1p1rtu {
  width: 100%;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.he_d1p1rlo {
  width: 300px;
}

.he_d1p1rlo {
  margin-top: 18px;
  margin-bottom: 15px;
}

.he_d1p1ri {
  width: 59%;
}

.he_d1p1rli {
  width: 100%;
  /*margin-bottom: 30%;*/
}

.he_d1p1rli {
  opacity: 0.4;
  transition: all 0.36s;
}

.he_d1p1rli.act {
  opacity: 1;
}

.he_d1p1rli .he_d1p1bli {
  display: none;
}

.he_d1p1ri {
  padding-top: 108px;
}

.he_d1p1bli {
  max-height: 42px;
  overflow: hidden;
  margin: 0px 0px 10px;
}

.he_d1p1bg::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 285px;
  background-image: linear-gradient(transparent, rgba(255, 255, 255, 0.7));
  display: block;
  z-index: 10;
  pointer-events: none;
}

.g_c5pt1bjph {
  display: none;
}

.g_c5pt1.on .g_c5pt1_icon {
  opacity: 1;
}

.g_e2num_box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-top: 30px;
}

.g_e2num {
  width: 50%;
  margin-bottom: 70px;
}

/* .fp-viewing-1 .g_e1pt1 .t_e2pt2pag,
.fp-viewing-2 .g_e1pt2 .t_e2pt2pag,
.fp-viewing-3 .g_e1pt3 .t_e2pt2pag {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .3s;
} */

.g_e1pt1 .g_title2,
.g_e1pt2 .g_title2,
.g_e1pt3 .g_title2 {
  color: #fff;
}

.g_e1pt1 .t_e2pt1nr,
.g_e1pt2 .t_e2pt1nr,
.g_e1pt3 .t_e2pt1nr {
  position: absolute;
  bottom: 150px;
  left: 50%;
  transform: translateX(-50%);
}

.g_e1pt4 .t_e2pt3rg .g_word2 p {
  margin-bottom: 20px;
}

.g_strength.fp-viewing-5 .ys_hd_pc {
  background: transparent;
  box-shadow: 0px 6px 20px rgb(16 22 44 / 0);
}

.g_e1pt1::before,
.g_e1pt2::before,
.g_e1pt3::before,
.g_e1pt5::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}

.g_e1pt4 .g_e2num p {
  color: #fff;
  font-size: 16px;
  line-height: 1.75;
}

.g_e1pt4 .g_num {
  margin-bottom: 10px;
}

.fp-viewing-4 li.slick-active .g_e2num_box {
  animation: fadeIn 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_e1pt5 .g_e1pt5_top {
  text-align: center;
}

.g_e1pt5 .g_title2 {
  color: #fff;
}

.g_e1pt5_ul,
.g_e1pt5_ul .slick-list,
.g_e1pt5_ul .slick-track {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
}

.g_e1pt5_ul {
  margin: 12px -17px 0;
}

.g_e1pt5_ul li {
  padding: 0 17px;
  width: 25%;
  height: auto;
}

.g_e1pt5_li {
  background: rgb(0, 0, 0, 0.5);
  padding: 27px 36px 50px;
  height: 100%;
}

.g_e1pt5_li .g_title4,
.g_e1pt5_li .g_word2 p {
  color: #fff;
}

.g_e1pt5 .ys_cont1400 {
  position: relative;
}

.g_e1pt5 .slick-prev {
  left: calc(50% - 40px);
  transform: translateX(-50%);
  background: url(images/arrow6.svg) center / cover no-repeat;
  width: 50px;
  height: 50px;
  bottom: -100px;
  top: inherit;
}

.g_e1pt5 .slick-next {
  left: calc(50% + 40px);
  transform: translateX(-50%);
  background: url(images/arrow2.svg) center / cover no-repeat;
  width: 50px;
  height: 50px;
  bottom: -100px;
  top: inherit;
}

.g_e1pt5 .slick-prev.slick-disabled,
.g_e1pt5 .slick-next.slick-disabled {
  opacity: 0.5;
  cursor: auto;
}

.g_strength.fp-viewing-5 .g_e1pt5_top {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_strength.fp-viewing-5 .g_e1pt5_ul {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.5s;
}

.d_c6title2.on p {
  color: #060366;
}

.pc_fenye li {
  color: #999;
}

.d_c6searchicon {
  cursor: pointer;
}
.commonOrder {
  background: url('../images/network.jpg') right center no-repeat;
}
/*鼠标效果*/
/* 规范 */
@media screen and (min-width: 1200px) {
  .g_c2pt3_botul .g_button1:hover img {
    transform: translateX(0px);
  }

  .g_c2pt3_botul .g_button1 a:hover img {
    transform: translateX(8px);
  }

  .he_srer .t_searli:hover a {
    color: #060366;
  }

  .t_b1k5li:hover .he_b1p5to {
    opacity: 1;
  }

  .g_nav > li > a:hover::before {
    width: calc(100% + 2px);
    /* background: #060366; */
  }

  .ys_hd_pc.on .g_nav li > a:hover::before,
  .ys_hd_pc.active .g_nav li > a:hover::before {
    background: #060366 !important;
  }

  .g_sypt1_lifl a:hover .ys_imgbox_cover img,
  .g_sypt1_lifr a:hover .ys_imgbox_cover img {
    transform: scale(1.05);
  }

  .g_sypt1_lifl a:hover .g_sypt1_word1,
  .g_sypt1_lifl a:hover .g_button1,
  .g_sypt1_lifr a:hover .g_sypt1_word1,
  .g_sypt1_lifr a:hover .g_button1 {
    opacity: 1;
  }

  .g_sypt1_lifl a:hover .g_sypt1_word,
  .g_sypt1_lifr a:hover .g_sypt1_word {
    bottom: 50px;
  }

  .g_sypt1_lifl a:hover .ys_imgbox_cover::before,
  .g_sypt1_lifr a:hover .ys_imgbox_cover::before {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
  }

  .t_b1k5li a:hover .ys_imgbox_cover img {
    transform: scale(1.05);
  }

  .g_b4ul li a:hover .ys_imgbox_cover img {
    transform: scale(1.05);
  }

  .g_b4ul li a:hover .g_button2 {
    background: #0044ac;
  }

  /* helen star */
  .he_bordri a:hover {
    color: #060366;
  }

  .he_b2p1brli:hover .he_b2p1btg {
    bottom: 60px;
  }

  .he_b2p3anl:hover {
    opacity: 1;
  }

  /* helen end */
  /* tammy - start */
  /* .fp-viewing-1 .ys_hd_pc .g_nav li>a:hover::before,
    .fp-viewing-2 .ys_hd_pc .g_nav li>a:hover::before,
    .fp-viewing-3 .ys_hd_pc .g_nav li>a:hover::before,
    .fp-viewing-4 .ys_hd_pc .g_nav li>a:hover::before, */
  .g_tech .fp-viewing-5 .ys_hd_pc .g_nav li > a:hover::before {
    background: #060366 !important;
  }

  /* .fp-viewing-1 .ys_hd_pc .g_nav li>a:hover,
    .fp-viewing-2 .ys_hd_pc .g_nav li>a:hover,
    .fp-viewing-3 .ys_hd_pc .g_nav li>a:hover,
    .fp-viewing-4 .ys_hd_pc .g_nav li>a:hover, */
  .g_tech .fp-viewing-5 .ys_hd_pc .g_nav li > a:hover {
    color: #060366;
  }

  /* tammy - end */
  .g_button1:hover img,
  .t_b1k5li a:hover .g_button1 img {
    transform: translateX(8px);
  }

  .g_navulbox1 a:hover {
    color: #060366 !important;
  }

  .g_navulbox2 li a:hover .ys_imgbox_cover img:nth-child(2) {
    opacity: 1;
  }

  .g_navulbox2 li a:hover .ys_imgbox_cover img:nth-child(1) {
    opacity: 0;
  }

  .g_navulbox2 li a:hover p {
    color: #060366;
  }

  .g_foot_fir li a:hover,
  .g_foot_ul2 li a:hover {
    color: #fff;
  }

  .g_station_botul li a:hover {
    color: #060366;
  }
}

/*lis-start*/
/* i1 */
.d_i1font p {
  font-weight: bold;
  color: #000000;
}

.d_i1title2 {
  padding-bottom: 14px;
  margin-bottom: 34px;
  border-bottom: 1px solid #e3e3e3;
}

.d_fontcol2 p {
  color: #161616;
  transition: all 0.36s ease;
}

.d_i1li {
  width: 25%;
}

.d_i1li a {
  display: inline-block;
}

.d_i1aboutli {
  padding-bottom: 72px;
}

.d_i1title {
  margin-bottom: 64px;
}

/* i2 */
.d_titlecol {
  color: #000000;
}

.d_font {
  font-size: 18px;
  line-height: 1.75;
  color: #333333;
  font-weight: bold;
}

.d_fontcol p {
  margin-bottom: 30px;
  color: #333333;
}

.d_fontcol h5 {
  font-size: 18px;
  line-height: 1.75;
  color: #333333;
  font-weight: bold;
  margin-bottom: 14px;
}

/* d4 */
.d_d4aside {
  width: 320px;
}

.d_d4body2 {
  width: calc(100% - 320px);
}

.d_d4font {
  font-weight: normal;
}

.d_d4asidepic {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  transition: all 0.36s;
}

.d_d4asidepic2 img {
  position: absolute;
  bottom: 12%;
  left: 8%;
}

.d_d4asidepic {
  margin-bottom: 12px;
}

.d_d4asidefont {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  color: #666666;
}

.d_d4asideli2 {
  margin-bottom: 32px;
  cursor: pointer;
}

.d_d4title {
  margin-bottom: 26px;
}

.d_d4font2 {
  font-weight: normal;
}

.d_d4body2 {
  padding-right: 162px;
}

.d_d4titleicon {
  width: 21px;
  height: 21px;
  margin-top: 2px;
  margin-right: 6px;
}

.d_d4titlefont {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: #333333;
}

.d_d4titletime {
  margin-right: 62px;
}

.d_d4head {
  margin-bottom: 36px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d8d8d8;
}

.d_d4font3 {
  font-weight: bold;
  color: #161616;
}

.d_d4body3 {
  margin-bottom: 55px;
  position: relative;
}

.d_d4pic {
  width: 90px;
}

.d_d4pic img {
  width: 100%;
}

.d_d4bodyleft {
  padding-right: 210px;
  width: calc(100% - 90px);
}

.d_d4body4 {
  margin-top: 54px;
  margin-bottom: 50px;
}

.d_d4fontcol2 p {
  color: #999999;
}

.d_d4fontcol2 {
  margin-right: 40px;
}

.d_d4body {
  margin-top: 60px;
}

.d_d4title3 {
  margin-bottom: 36px;
}

.d_d4main .s_footshare1 {
  margin-right: 0;
  margin-left: 24px;
}

/* d2 */
.d_d2fontcol p {
  color: #161616;
}

.d_d2linkbody {
  width: 50%;
}

.d_d2linkfont {
  text-align: left;
}

.d_d2linkfont p {
  transition: all 0.36s;
}

.d_d2icon {
  width: 28px;
  height: 28px;
  margin-right: 22px;
}

.d_d2fontcol2 p {
  color: #060366;
}

.d_d2head {
  margin-bottom: 26px;
}

.d_d2body .yxedr_active p {
  margin-bottom: 28px;
}

.d_d4share {
  margin-bottom: 58px;
}

.d_d2link {
  margin-bottom: 62px;
}

.d_d2body {
  margin-bottom: 58px;
}

.d_d2title {
  margin-bottom: 40px;
}

.d_d2asidepic {
  margin-bottom: 28px;
  border-radius: 16px;
  overflow: hidden;
}

.d_d2asidefont {
  margin-bottom: 6px;
  font-family: 'poppinsmedium' !important;
}

.d_d2asideli2 {
  margin-bottom: 28px;
}

.d_d2body2 h5 {
  font-size: 16px;
  color: #161616;
  font-weight: bold;
  line-height: 1.75;
  margin-bottom: 12px;
}

.d_d2share2 {
  margin-top: 5px;
}

.d_d2share .s_footsharebot {
  box-shadow: 0px 6px 20px rgb(16 22 44 / 6%);
}

/* c6 */
.d_c6title {
  width: 124px;
}

.d_c6fontcol p {
  font-weight: bold;
  color: #161616;
}

.d_c6fontcol2 p {
  color: #161616;
}

.d_c6title2 {
  padding: 0 30px;
}

.d_c6li {
  padding: 26px 0 20px;
  border-bottom: 1px solid #d8d8d8;
}

.d_c6li:first-child {
  padding-top: 0;
}

.d_c6ul {
  margin-bottom: 30px;
}

.d_c6search {
  margin-bottom: 114px;
  width: 445px;
  max-width: 100%;
  border-bottom: 1px solid #d8d8d8;
  padding-left: 12px;
  position: relative;
}

.d_c6search2 {
  width: calc(100% - 36px);
}

.d_c6searchicon {
  width: 22px;
  line-height: 40px;
}

.d_c6searchicon img {
  width: 100%;
}

.d_c6search2 input {
  width: 100%;
  line-height: 40px;
  color: #999999;
  font-size: 14px;
}

.d_c6search::before {
  content: '';
  width: 1px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #161616;
}

.d_c6li2 {
  width: 33.333333%;
  height: 100%;
}

.d_c6fontcol3 p {
  color: #060366;
}

.d_c6fontcol3 {
  margin-bottom: 4px;
}

.d_c6body2 {
  margin-top: 22px;
}

.d_c6pic .ys_imgbox_cover {
  background: rgba(0,0,0,0.5);
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
}

.d_c6sear {
  width: 100%;
}

.d_c6li2 {
  padding: 0 16px;
  margin-bottom: 90px;
}

.d_c6ul2 {
  margin: 0 -16px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.d_c6pic .ys_imgbox_cover img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  transition: all 0.36s;
}
@media(max-width: 1500px){
  .d_c6pic .ys_imgbox_cover img{
    height: 350px;
  }
}
@media(max-width: 1366px){
  .d_c6pic .ys_imgbox_cover img{
    height: 300px;
  }
}
@media(max-width: 768px){
  .d_c6pic .ys_imgbox_cover img{
    height: 240px;
  }
}

.d_c6distance {
  margin-bottom: 14px;
}

.d_c6page .pc_fenye li.activepage {
  color: #060366;
  background: transparent;
}

.d_c6title2 p {
  transition: all 0.36s;
}

.d_c6body3 .g_margin1 {
  margin-top: 124px;
}

.d_c6a {
  display: block;
  width: calc(100% - 124px);
}

.d_c6body3 .ys_phfyfl a {
  color: #333;
}

.d_c7title {
  margin-bottom: 66px;
}

.comp-tabli:hover li {
  color: #060366;
}

.comp-tabli li {
  transition: all 0.36s;
}

.d_c6a.on .d_c6title2 p {
  color: #0044ac;
}

/* c7 */
.d_c7button {
  width: 170px;
  padding: 12px 0;
  background: #060366;
  border: 1px solid #060366;
  border-radius: 50px;
  text-align: center;
  cursor: pointer;
}

.d_c7body1 {
  width: 90%;
  text-align: center;
  margin: 0 auto;
}

.d_c7dis {
  margin-bottom: 58px;
}

.d_c7li {
  width: 33.333333%;
  text-align: center;
  margin-bottom: 32px;
}

.d_c7num {
  font-size: 64px;
  font-weight: bold;
  color: #060366;
}

.d_c7num2 {
  margin-bottom: 26px;
}

.d_c7titlefont {
  text-align: center;
}

.d_c7pic {
  width: 65.857142%;
  position: relative;
  cursor: pointer;
  border-radius: 16px;
  overflow: hidden;
}

.d_c7pic2 {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.d_c7pic2 img {
  width: 100%;
  height: 100%;
}

.d_c7body3 {
  width: 34.142858%;
  padding-left: 82px;
}

.d_c7body2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  cursor: pointer;
}

.d_c7fontcol p {
  color: #060366;
}

.d_c7fontcol {
  margin-bottom: 16px;
}

.d_c7fontcol2 p {
  color: #161616;
  font-weight: bold;
}

.d_c7fontdis {
  font-weight: 400;
  margin-bottom: 18px;
}

.d_c7fontdis2 {
  margin-bottom: 38px;
}

.d_c7fontcol2 {
  margin-bottom: 6px;
}

.d_c7li2 {
  margin-bottom: 24px;
}

.d_c7bodypic3 {
  width: 20%;
  padding: 0 18px;
}

.d_c7bodypic3 .ys_imgbox_cover {
  border-radius: 16px;
  overflow: hidden;
}

.d_c7title2 {
  text-align: center;
}

.d_c7ul3 .slick-dots li {
  width: 18px;
  height: 4px;
  border-radius: 0;
}

.d_c7ul3 .slick-dots li.slick-active {
  background: #060366;
}

.d_c7headfont .ys_ban_slick li .ys_ban_title {
  font-size: 36px;
}

.d_c7body {
  margin-top: 122px;
}

.d_c7title2 {
  margin-bottom: 46px;
}

.d_c7title3 {
  font-size: 36px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.75;
}

.d_c7title3 {
  margin-bottom: 66px;
}

.d_headtitle2 {
  margin-bottom: 22px;
}

.d_c7part4 {
  background: #f8f9fa;
  padding: 100px 0;
}

.d_c7pt2nr {
  position: relative;
}

.d_c7bt img {
  position: absolute;
  width: 10px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
}

/* d1 */
.d_d1headfont {
  padding: 15px 0;
  margin: 0 96px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  transition: all 0.36s;
}

.d_d1head {
  text-align: center;
  border-bottom: 1px solid #d8d8d8;
}

.d_d1headpadding {
  padding: 10px 0;
}

.d_d1bd2pic {
  width: 57.214285%;
  border-radius: 16px;
  overflow: hidden;
}

.d_d1bd2title {
  width: 42.785715%;
  padding: 46px 0 0 114px;
}

.d_d1body2 {
  display: flex;
  flex-wrap: wrap;
}

.d_d1bdtime {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
  font-family: 'poppinsmedium' !important;
}

.d_d1bdfont {
  margin-bottom: 28px;
  font-weight: normal;
}

.d_d1morecol {
  margin-right: 48px;
}

.d_d1morecol p {
  color: #060366;
}

.d_d1moreimg {
  width: 28px;
  height: 28px;
  display: inline-block;
}

.d_d1bdfont2 {
  margin-bottom: 46px;
}

.d_d1bd2font {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5;
  color: #666666;
  font-family: 'poppinsmedium' !important;
}

.d_d1headfont::after {
  content: '';
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 0;
  position: absolute;
  background-color: #060366;
  z-index: 6;
  opacity: 0;
  transition: all 0.36s ease;
}

.d_d1headfont:hover::after {
  opacity: 3;
  background-color: #060366;
}

.d_d1headfont:hover p {
  color: #060366;
}

.d_d1totalbody2 {
  position: relative;
}

.d_d1totalbody2 .slick-dots li {
  width: 18px;
  height: 4px;
  border-radius: 0;
}

.d_d1head {
  margin-bottom: 78px;
}

.d_d1body3 .d_c6ul2 {
  margin: 0 -20px;
}

.d_d1body3 .d_c6li2 {
  padding: 0 20px;
  margin-bottom: 40px;
}

.d_d1body3 .d_c6body2 {
  margin-top: 38px;
  height: 100%;
}

.d_d1bd2font {
  margin-bottom: 12px;
}

.d_d1cont .g_word3.on::after {
  color: #0044ac;
  opacity: 1;
  width: 66px;
}

.d_d1totalbody2 .slick-dots {
  text-align: left;
  left: calc(57.214285% + 114px);
  bottom: 100px;
  margin: 0 -10px;
}

.d_d1totalbody2 .slick-dots li.slick-active {
  background: #060366;
}

/* d3 */
.d_d3bd2pic {
  width: 65.785714%;
  border-radius: 16px;
  overflow: hidden;
}

.d_d3body2 {
  padding: 0 90px;
  cursor: pointer;
  position: relative;
}

.d_d3bd2title {
  padding: 60px 50px;
  width: 40.5%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(17, 54, 95, 0.06);
  border-radius: 16px;
}

.d_d3bd2time {
  margin-bottom: 14px;
  font-weight: 500;
  font-size: 14px;
  font-family: 'poppinsmedium' !important;
  color: #666666;
}

.d_d3bd2font {
  margin-bottom: 18px;
}

.d_d3bd2font2 {
  margin-bottom: 24px;
}

.d_d3bd2icon {
  width: 31px;
  height: 31px;
  top: 76%;
  left: 8%;
  position: absolute;
}

.d_d3icon {
  height: 38px;
  width: 38px;
  position: relative;
  left: 0;
  top: 0;
}

.d_d3icon img {
  width: 100%;
}

.d_d3bd2icon2 {
  width: 90px;
  position: absolute;
  top: 46px;
  right: 75px;
}

.d_d3body2 .ys_imgbox_cover {
  transition: all 0.36s;
}

.d_d3db2pic {
  position: relative;
}

.d_d3bd2li2 {
  cursor: pointer;
}

.d_d3db2title2 {
  margin: 0 -90px;
  margin-right: calc(700px - 50vw);
  padding-right: calc(50vw - 700px);
  overflow: hidden;
}

.d_d3body3 .d_c6body2 {
  margin-top: 16px;
}

.d_d3body3 .d_d1bd2font {
  margin-bottom: 0px;
}

.d_d3body3 .d_c6li2 {
  padding: 0px 22px;
  margin-bottom: 92px;
}

.d_d3body3 .d_c6ul2 {
  margin: 0 -22px;
}

.d_d3db2title3 {
  position: relative;
}

.d_d2body2 p img,
.d_d2body2 p video {
  border-radius: 16px;
}

.d_d4body3 p video {
  height: 700px !important;
  border-radius: 20px;
  width: 100%;
}

.d_d2share2 .s_footshare1 {
  margin-right: 0;
  margin-left: 24px;
}

.d_d2asideli2:hover .d_d2asidepic img {
  transform: scale(1.05);
}

.d_d1headfont.on p {
  color: #0044ac;
}

.d_d1headfont.on::after {
  opacity: 1;
  width: 66px;
}

.d_c6title2 p {
  cursor: pointer;
}

.d_d3body {
  padding-bottom: 90px;
  position: relative;
  border-bottom: 1px solid #d8d8d8;
}

.d_d3db2button {
  position: relative;
  width: 50px;
  background: #ffffff;
  border-radius: 50%;
  cursor: pointer;
}

.d_d3pre {
  transform: rotate(180deg);
}

.d_d3cont .slick-list {
  overflow: visible;
}

.d_d3body2 {
  padding: 0 70px;
}

.d_d3db2title2 {
  margin: 0 -70px;
  margin-right: calc(512px - 50vw);
  padding-right: calc(50vw - 512px);
}

.d_d3db2button1 {
  width: 108px;
  position: absolute;
  bottom: 90px;
  right: 0;
}

.d_c7body2:hover .ys_imgbox_cover img {
  transform: scale(1.05);
}

.selected {
  color: #0044ac;
}

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

.d_d2return .g_word3 p {
  color: #060366;
}

.d_d2return .d_d2icon {
  transform: rotate(180deg);
}

.d_d4share .s_footsharebot {
  box-shadow: 0px 6px 20px rgb(16 22 44 / 6%);
}

/* lis-end */
@media screen and (min-width: 1200px) {
  /* lis-start */
  .d_d4asidepic:hover .ys_imgbox_cover img {
    transform: scale(1.05);
  }

  .d_d2linkbody:hover .d_d2linkfont p {
    color: #161616;
  }

  .d_c6li2:hover .ys_imgbox_cover img {
    transform: scale(1.05);
  }

  .d_c6title2:hover p {
    color: #060366;
  }

  .d_d1body2:hover .ys_imgbox_cover img {
    transform: scale(1.05);
  }

  .d_d3body2:hover .ys_imgbox_cover {
    transform: scale(1.05);
  }

  .d_d1headfont:hover::after {
    width: 66px;
  }

  .d_i1li a:hover p,
  .d_i1font a:hover p,
  .d_i1title a:hover h1 {
    color: #060366;
  }

  /* lis-end */
  .d_c7bodypic3:hover .ys_imgbox_cover img:last-child {
    transform: scale(1.05);
  }

  .g_c2pt4_li a:hover .ys_imgbox_cover img {
    transform: scale(1.05);
  }
}

.d_c6title2 {
  margin-bottom: 5px;
}

.d_i1font a {
  display: inline-block;
}

.d_i1font p {
  transition: all 0.36s ease;
}

.d_i1body,
.d_i2main_top {
  margin-top: 160px;
}

.d_i1title a {
  display: inline-block;
}

.d_i1title h1 {
  transition: all 0.36s ease;
}

.d_c7bodypic3 .ys_imgbox_cover {
  cursor: pointer;
}

.d_c7bodypic2 .slick-prev {
  left: 0;
  width: 50px;
  height: 50px;
}

.d_c7bodypic2 .slick-prev::before {
  background: url(images/arrow5.svg) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  transform: rotate(180deg);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.d_c7bodypic2 .slick-next {
  right: 0;
  width: 50px;
  height: 50px;
}

.d_c7bodypic2 .slick-next::before {
  background: url(images/arrow5.svg) no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
}

.d_c7bodypic2 {
  margin-top: 32px;
  padding: 0 100px;
}

.d_d4main {
  margin-top: 90px;
}

/* tammy */
.t_margin6 {
  margin-top: 60px;
}

.d_d1head .g_word3 {
  padding: 15px 0;
  margin: 0 20px;
  font-weight: bold;
  display: inline-block;
  position: relative;
  transition: all 0.36s;
}

.d_d1head .g_word3.on p {
  color: #0044ac;
}

.d_d1cont .g_word3.on::after {
  width: 100% !important;
}

.d_d1head .g_word3 p {
  font-weight: bold;
  font-size: 0.18rem;
}

.d_c6li2 .g_word1 p {
  line-height: 1.75;
}

.d_d1totalbody2 .slick-dots {
  bottom: 0 !important;
  font-size: 0;
}

.t_headmain {
  margin-top: 80px;
}

.d_d4body2 {
  padding-right: 150px;
}

.d_d2head .g_title4,
.d_d4head .g_title4 {
  font-weight: normal;
}

.d_d4fontcol2 {
  margin-right: 32px;
}

.s_footshareig {
  width: 25px;
}

.s_footshareig img {
  width: 100%;
}

.d_d2share2 {
  margin-top: 0;
}

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

.d_d2icon img {
  width: 100%;
}

.d_d2linkbody {
  padding: 0 10px;
}

.d_d2link {
  margin: 0 -10px;
  margin-bottom: 62px;
}

.d_d4titleicon img {
  width: 100%;
}

.d_d4titleicon {
  margin-top: 0;
  margin-right: 11px;
}

.d_d3bd2icon {
  width: 30px;
  height: auto;
  top: auto;
  left: 30px;
  position: absolute;
  bottom: 30px;
}

.d_d3bd2icon img {
  width: 100%;
}

.d_d3bd2icon2 img {
  width: 100%;
}

.d_d3bd2icon2 {
  top: 0 !important;
  right: 30px;
  transform: translate(-50%, -50%);
}

.d_d3db2title2 .slick-prev,
.d_d3db2title2 .slick-next {
  width: 50px;
  height: 50px;
  transform: translate(0);
  bottom: 0;
  top: auto;
  z-index: 10;
}

.d_d3db2title2 .slick-prev::before,
.d_d3db2title2 .slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: url(images/arrow5.svg);
}

.d_d3db2title2 .slick-prev::before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.d_d3db2title2 .slick-next {
  right: calc(50vw - 512px);
}

.d_d3db2title2 .slick-prev {
  right: calc(50vw - 446px);
  left: auto;
}

.d_d4titleicon {
  width: 15px;
  height: 15px;
  margin-top: 3px;
}

@media screen and (min-width: 1200px) {
  .d_d1head .g_word3:hover::after {
    width: 100% !important;
    opacity: 1;
  }

  .d_d1body2 a:hover .g_button1 img {
    transform: translateX(8px);
  }

  .pc_fenye a:hover li {
    color: #060366;
  }
}

.yxedr_active ul,
.yxedr_active ol {
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 18px;
}

.yxedr_active ul li,
.yxedr_active ol li {
  list-style-type: disc;
  font-size: 16px;
  color: #666;
  line-height: 1.75;
  margin-bottom: 2px;
}

.yxedr_active ul li {
  list-style-type: disc;
}

.yxedr_active ul li::marker {
  unicode-bidi: isolate;
  font-variant-numeric: tabular-nums;
  text-transform: none;
  text-indent: 0px !important;
  text-align: start !important;
  text-align-last: start !important;
  color: #161616;
}

.d_d1head .g_word3::after {
  content: '';
  bottom: -1px;
  left: 0;
  height: 2px;
  width: 0;
  position: absolute;
  background-color: #060366;
  z-index: 6;
  opacity: 0;
  transition: all 0.36s ease;
}

.d_d1head .g_word3.on::after {
  opacity: 1;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .d_d1head .g_word3:hover p {
    color: #060366;
  }

  .d_d4asideli2 a:hover .ys_imgbox_cover img {
    transform: scale(1.05);
  }
}

.g_b4pt2 {
  background: #f8f9fa;
  padding: 100px 0;
}

.he_b1p2 img {
  display: none;
}

.he_b1p4sli {
  opacity: 1;
}

.he_sypt1_li:nth-child(4n) {
  float: left;
}

.he_sypt1_li:nth-child(3n) {
  float: right;
}

.he_sypt1_li {
  margin-bottom: 40px;
}

.g_sypt1_ul li {
  margin-bottom: 0 !important;
}

.g_c5pt1.on .g_c5pt1_icon1 {
  transition-delay: 0.08 !important;
}

.g_c5pt1.on .g_c5pt1_icon2 {
  transition-delay: 0.16s !important;
}

.g_c5pt1.on .g_c5pt1_icon3 {
  transition-delay: 0.24s !important;
}

.g_c5pt1.on .g_c5pt1_icon4 {
  transition-delay: 0.32s !important;
}

.g_c5pt1.on .g_c5pt1_icon5 {
  transition-delay: 0.4s !important;
}

.g_c5pt1.on .g_c5pt1_icon6 {
  transition-delay: 0.48s !important;
}

.g_c5pt1.on .g_c5pt1_icon7 {
  transition-delay: 0.56s !important;
}

.g_c5pt1.on .g_c5pt1_icon1 {
  transition-delay: 0.64s !important;
}

.g_c5pt1.on .g_c5pt1_icon8 {
  transition-delay: 0.72s !important;
}

.he_b1p5to .g_title4 {
  width: 100%;
}

.he_d1p1bg {
  max-height: 68vh;
}

.he_d1p1bg .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
  background-color: #274a94 !important;
}

.he_srer .ys_main {
  margin-top: 180px;
}

.he_srer .layoutcon {
  width: 100%;
  margin-top: 80px;
  padding-bottom: 80px;
}

.he_srer .t_searli a {
  color: #333;
  transform: all 0.36s;
  line-height: 1.5;
  overflow: hidden;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.he_srer .t_searli {
  margin-bottom: 15px;
}

.he_srer .time {
  margin-top: 10px;
  display: block;
  color: #666;
}

.he_srer .kkpager .fr {
  float: left;
  margin-top: 60px;
}

.he_srer .t_searli {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}

.he_srer .text_m input {
  border: 1px solid #eee;
  padding: 0 5px;
}

.he_srer .t_seartop span {
  font-size: 16px;
  line-height: 1.5;
}

.he_srer .ys_hd_pc {
  background: #fff;
  box-shadow: 0px 6px 20px rgba(16, 22, 44, 0.04);
}

.he_srer .ys_hd_pc::before {
  display: none;
}

.he_srer .ys_hd_pc .ys_imgbox_cover img:nth-child(1) {
  opacity: 1;
}

.he_srer .ys_hd_pc .ys_imgbox_cover img:nth-child(2) {
  opacity: 0;
}

.he_srer .ys_hd_pc .g_nav li > a {
  color: #161616;
  line-height: 80px;
}

.he_srer .ys_hd_pc .g_sta_name {
  color: #999999;
  line-height: 80px;
}

.he_srer .ys_hd_pc .g_other .ys_imgbox_cover,
.he_srer .ys_hd_pc .g_search .ys_imgbox_coverr {
  line-height: 80px;
}

.he_srer .ys_hd_pc .g_nav li.yxnav_active1 > a::before {
  background: #060366;
}

.he_srer .ys_hd_pc .g_nav li.yxnav_active1 > a {
  color: #060366;
}

.g_c2pt3_botul .g_button1 a {
  margin: 0 40px;
}

.he_b2plkph {
  display: none;
}

.g_sypt4 .he_b2p1brul.on .he_b2p1brli .he_syp4yti {
  opacity: 1;
}

.g_sypt4 .he_b2p1brul.on .he_b2p1brli.on .he_syp4yti {
  opacity: 0;
}

.he_b2p2ror2 img {
  width: 80px;
}

.g_c2pt1 .g_button4 img {
  width: 18px;
}

.g_sysect2_play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  cursor: pointer;
}

.g_sysect2_play img {
  display: block;
  width: 100%;
  opacity: 80%;
}

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

.j_buttom a {
  display: flex;
  align-items: center;
}

.d_d1cont .g_button4 {
  margin: 0 auto;
  cursor: pointer;
}

/* 2022.08.10 - tammy - start */
.t_e2pt2jrg {
  width: 52%;
  padding-right: 26px;
}

.t_e2pt2jle {
  width: 48%;
  padding-right: 240px;
}

.t_e2pt2jic {
  width: 42px;
  margin-right: 20px;
}

.t_e2pt2jic img {
  width: 100%;
}

.t_e2pt2jtit .g_title4 {
  color: #fff;
  font-weight: normal;
  max-width: calc(100% - 62px);
}

.t_e2pt2jtit {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.t_e2pt2jle {
  margin-bottom: 14px;
}

.t_e2pt2jxia {
  margin-bottom: 32px;
}

.t_e2pt2jrg .g_title4 {
  color: #fff;
  font-weight: bold;
  line-height: 1.75;
  margin-bottom: 26px;
}

.t_e2pt2jsor {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.6);
}

.t_e2pt2jsor::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0, 0, 0, 0.1);
  top: 0;
  left: 0;
  z-index: 3;
}

.t_e2pt2jplay {
  width: 54px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 4;
  cursor: pointer;
}

.t_e2pt2jplay img,
.t_e2pt2jsor img {
  width: 100%;
}

.t_e2pt2jwen {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 20px 30px 27px 44px;
  z-index: 3;
}

.t_e2pt2jwen .g_word2 p {
  color: #fff;
}

.t_e2pt2jwen .g_word2 {
  position: relative;
  z-index: 2;
}

.t_e2pt2jwen::before {
  content: '';
  width: 100%;
  position: absolute;
  height: 130%;
  bottom: 0;
  left: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}

.t_e2main .slick-dots li {
  width: 17px;
  height: 3.75px;
  background: #dbdbdb;
  margin: 0 4px;
  border-radius: 0;
}

.t_e2main .slick-dots li.slick-active {
  background: #060366;
}

.t_e2main .slick-dots {
  font-size: 0;
  bottom: -40px;
}

.t_e2pt2jtit .g_title4 {
  color: #999;
  transition: all 0.36s;
}

.t_e2pt2jic.ys_imgbox_cover img:nth-child(2) {
  opacity: 0;
}

.t_e2pt2jic.ys_imgbox_cover img:first-child {
  opacity: 1;
}

.t_e2pt2jli.on .t_e2pt2jtit .g_title4 {
  color: #fff;
}

.t_e2pt2jli.on .t_e2pt2jic.ys_imgbox_cover img:nth-child(2) {
  opacity: 1;
}

.t_e2pt2jli.on .t_e2pt2jic.ys_imgbox_cover img:first-child {
  opacity: 0;
}

.t_e2pt2jul {
  position: relative;
}

.t_e2pt2jrg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.t_e2pt2jxia {
  display: none;
}

.t_e2pt2jrg {
  opacity: 0;
  pointer-events: none;
  transition: all 0.36s;
}

.t_e2pt2jli.on .t_e2pt2jrg {
  opacity: 1;
  pointer-events: all;
}

.t_e2pt2jul {
  min-height: var(--gso-shu);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.d_c7title3 {
  margin-bottom: 24px;
  line-height: 1;
}

.t_banduanj {
  margin-bottom: 50px;
}

.t_c7pt1jli {
  width: 25%;
  padding: 0 17.5px;
  margin-bottom: 35px;
}

.t_c7pt1jul {
  margin: 0 -17.5px;
  margin-bottom: -35px;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
}

.t_c7pt1jxin {
  background: #f8f9fa;
  border-radius: 10px;
  padding: 56px 36px 58px;
  height: 100%;
}

.t_font40 {
  font-size: 40px;
  line-height: 1.325;
  font-weight: bold;
}

.t_c7pt1jxin .t_font40 {
  text-align: center;
  margin-bottom: 36px;
  color: #060366;
}

.d_c7bodypic li {
  position: relative;
}

.t_c7jfu {
  position: absolute;
  width: 100%;
  height: auto;
  z-index: 3;
  top: 50%;
}

.d_c7body_pic {
  position: relative;
}

.d_c7body_pic::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0) 80.94%);
  top: 0;
  left: 0;
  z-index: 2;
}

.t_c7jfu .t_font40 {
  color: #fff;
  margin-bottom: 20px;
}

.t_c7jfu .g_button1 p {
  color: #fff;
}

.t_c7jbiao1 {
  margin-bottom: 40px;
}

.t_c7jbiaop {
  margin-bottom: 70px;
}

.t_c7jbiao1,
.t_c7jfu .t_font40,
.t_c7jbiaop {
  max-width: 67.5%;
}

.g_e2pt3::before,
.g_e2pt4::before,
.t_e2pt2ul li::before {
  background: rgba(0, 0, 0, 0.7);
}

.t_e2pt2jbo {
  display: none;
}

.t_e2pt2jbo:first-child {
  display: block;
}

/* 载入 */
/* .fp-viewing-2 .g_e2pt2j9 .t_e2pt2jle,
.fp-viewing-2 .g_e2pt2j1 .t_e2pt2jle,
.fp-viewing-3 .g_e2pt2j2 .t_e2pt2jle,
.fp-viewing-4 .g_e2pt2j3 .t_e2pt2jle,
.fp-viewing-3 .g_e2pt3 .t_e2pt2jle,
.fp-viewing-4 .g_e2pt4 .t_e2pt2jle,
.fp-viewing-5 .g_e2pt3 .t_e2pt2jle,
.fp-viewing-6 .g_e2pt4 .t_e2pt2jle {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .2s;
}

.fp-viewing-2 .g_e2pt2j9 .t_e2pt2jlun,
.fp-viewing-2 .g_e2pt2j1 .t_e2pt2jlun,
.fp-viewing-3 .g_e2pt2j2 .t_e2pt2jlun,
.fp-viewing-4 .g_e2pt2j3 .t_e2pt2jlun,
.fp-viewing-3 .g_e2pt3 .t_e2pt3jpic,
.fp-viewing-4 .g_e2pt4 .t_e2pt3jpic,
.fp-viewing-5 .g_e2pt3 .t_e2pt3jpic,
.fp-viewing-6 .g_e2pt4 .t_e2pt3jpic {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .3s;
}

.fp-viewing-2 .g_e2pt2j9 .g_title2,
.fp-viewing-2 .g_e2pt2j1 .g_title2,
.fp-viewing-3 .g_e2pt2j2 .g_title2,
.fp-viewing-4 .g_e2pt2j3 .g_title2,
.fp-viewing-5 .g_e2pt3 .g_title2,
.fp-viewing-6 .g_e2pt4 .g_title2 {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .1s;
}

.fp-viewing-2 .g_e2pt2j9 .t_e2pt2wai p,
.fp-viewing-2 .g_e2pt2j1 .t_e2pt2wai p,
.fp-viewing-3 .g_e2pt2j2 .t_e2pt2wai p,
.fp-viewing-4 .g_e2pt2j3 .t_e2pt2wai p,
.fp-viewing-5 .g_e2pt3 .t_e2pt2wai p,
.fp-viewing-6 .g_e2pt4 .t_e2pt2wai p {
    animation: ysfadeInUp .5s ease-in-out both;
    animation-delay: .2s;
} */

.d_c7bodypic li.slick-active .t_c7jbiao1 {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.1s;
}

.d_c7bodypic li.slick-active .t_font40 {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.2s;
}

.d_c7bodypic li.slick-active .t_c7jbiaop {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.d_c7bodypic li.slick-active .t_c7jbtn {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.4s;
}

/* 2022.08.10 - tammy - end */
.ys_ph_navbar2 .ys_phnav_logo {
  background: transparent;
}

.ys_ph_navbar2 .ys_phnav_logo {
  width: 160px;
}

.he_b2p2rp {
  flex-direction: row-reverse;
}

.ys_phnav_header.on.act {
  margin-top: -64px;
}

.ys_phnav_header,
.t_jiahe,
.g_sypt1_tab {
  transition: all 0.5s linear;
  margin-top: 0;
}

.g_b4pt3_top.on::before,
.t_jiahe.on::before {
  content: '';
  width: 110vw;
  height: 1px;
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  background: #e9e9e9;
}

.g_b4pt3_top,
.t_jiahe {
  background: #fff;
  z-index: 10;
}

.g_b4pt3_top.on.act,
.t_jiahe.on.act {
  margin-top: -64px;
}

.g_b4pt3_top.on,
.t_jiahe.on {
  background: #fff;
  position: relative;
}

.t_jiahe.on::before {
  height: 100%;
  background: #fff;
  border-bottom: 1px solid #e9e9e9;
}
.g_sypt1_tab .swiper-slide {
  width: auto;
}
.g_sypt1_tab .slick-prev,
.g_sypt1_tab .slick-next,
.g_b4pt3_topul .slick-prev,
.g_b4pt3_topul .slick-next {
  width: 24px;
  height: 24px;
  z-index: 3;
}

.g_sypt1_tab .slick-prev,
.g_b4pt3_topul .slick-prev {
  left: 0px;
}

.g_sypt1_tab .slick-next,
.g_b4pt3_topul .slick-next {
  right: 0px;
}

.g_sypt1_tab .slick-prev::before,
.g_sypt1_tab .slick-next::before,
.g_b4pt3_topul .slick-prev::before,
.g_b4pt3_topul .slick-next::before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  color: #333;
  z-index: 4;
  line-height: 24px;
}

.g_sypt1_tab .slick-prev::before,
.g_b4pt3_topul .slick-prev::before {
  content: '\e744';
}

.g_sypt1_tab .slick-next::before,
.g_b4pt3_topul .slick-next::before {
  content: '\e743';
}

.g_sypt1_tab .slick-prev {
  left: -10px;
  top: calc(50% + 2px);
}

.g_sypt1_tab .slick-next {
  right: -10px;
  top: calc(50% + 2px);
}

.mc_gotop.mc1_show {
  opacity: 1;
  transform: scale(1);
}

.mc_gotop {
  position: fixed;
  left: auto;
  top: auto;
  right: 16px;
  bottom: 16px;
  z-index: 100;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  background: #017b10;
  transition: all 0.36s;
  opacity: 0;
  transform: scale(0.1);
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.mc_gotop .iconfont {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #fff;
  margin-top: -3px;
  transform: rotate(180deg);
}

.icon-arrowdown:before {
  content: '\e7b2';
}

.slick-dots li.slick-active,
.d_d1totalbody2 .slick-dots li.slick-active {
  background: #060366;
}

.slick-dots li,
.g_c2pt4_ul .slick-dots li,
.d_d1totalbody2 .slick-dots li {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background: #ccc;
}

.t_swipelun .swiper-button-prev {
  opacity: 1;
  bottom: -10px;
  top: inherit;
  z-index: 10;
  left: -5px;
  position: relative;
  margin-top: 40px;
}

.t_swipelun .swiper-button-next {
  opacity: 1;
  bottom: -10px;
  top: inherit;
  z-index: 10;
  left: 30px;
}

.t_swipelun .swiper-button-next:after,
.t_swipelun .swiper-container-rtl .swiper-button-prev:after {
  color: #060366;
  font-size: 20px;
}

.t_swipelun .swiper-button-prev:after,
.t_swipelun .swiper-container-rtl .swiper-button-next:after {
  color: #060366;
  font-size: 20px;
}

.t_swipelun.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: inherit;
  bottom: 10px;
  z-index: 50;
  height: 2px;
  width: calc(100% - 70px);
  right: 0;
}

.t_swipelun .swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: #060366 !important;
  border-radius: 10px;
  left: 0;
  top: 0;
}

.he_b1p3gb.t_swipelun .he_b1p3gul {
  margin: 0;
}

/*.he_b1p3gb{*/
/*    width: calc(100% + 34px);*/
/*    margin: 0 -17px;*/
/*}*/
/*.he_b1p3gb .swiper-button-prev{*/
/*    left: 12px;*/
/*}*/
/*.he_b1p3gb .swiper-button-next{*/
/*    left: 42px;*/
/*}*/
/*.he_b1p3gb.swiper-container-horizontal>.swiper-scrollbar{*/
/*    right: 17px;*/
/*    width: calc(100% - 104px);*/
/*}*/
/*.he_b1p3gb .g_sypt4_line{*/
/*    left: 39px;*/
/*}*/
.t_swipelun .swiper-slide {
  height: auto;
}

.he_b1p3gb.t_swipelun .he_b1p3gli {
  padding: 0 !important;
}

.d_d3db2title2 .slick-prev,
.d_d3db2title2 .slick-next {
  opacity: 0 !important;
}

.d_d3db2title2 {
  position: relative;
}

.d_d3db2title2 .slick-dots {
  padding-left: 967px;
  text-align: left;
  bottom: 0;
}

.he_b1p3gwd {
  padding: 30px 24px 40px;
}

.he_b1p3gb.swiper-container {
  width: calc(100% + 40px);
  padding: 10px 20px;
  margin: 0 -20px;
  left: 8px;
}

.he_b1p3gb .g_sypt4_line {
  left: 33px;
}

.he_b1p3gb.t_swipelun .swiper-button-prev {
  left: -11px;
}

.t_swipelun.swiper-container-horizontal > .swiper-scrollbar {
  left: auto;
}

.he_b2p3fkru .slick-dots {
  width: 799px;
}

.he_b1p3gb.conhide .swiper-button-next,
.he_b1p3gb.conhide .swiper-button-prev,
.he_b1p3gb.conhide .g_sypt4_line {
  display: none;
}

.t_e2pt2jlun .slick-prev,
.t_e2pt2jlun .slick-next {
  width: 8px;
  height: 16px;
  z-index: 10;
  top: calc(50% + 24px);
}

.t_e2pt2jlun .slick-prev {
  left: 10px;
}

.t_e2pt2jlun .slick-next {
  right: 10px;
}

.t_e2pt2jlun .slick-prev::before,
.t_e2pt2jlun .slick-next::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.5);
}

.t_e2pt2jlun .slick-prev::before {
  content: url(images/he_arr1.svg);
}

.t_e2pt2jlun .slick-next::before {
  content: url(images/he_arr2.svg);
}

.t_e2pt2jlun .slick-prev.slick-disabled,
.t_e2pt2jlun .slick-next.slick-disabled {
  display: none !important;
}

.ys_fadeup20 {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 1s;
}

.ys_ph_nav a {
  color: #555;
}

.ys_phnav_lisbox {
  border-color: rgba(85, 85, 85, 0.6);
}

.ys_phnav_icon::after,
.ys_phnav_icon::before {
  background: #555;
}

.ys_phnav2_lang_btn span {
  color: #555;
}

.ys_phnav2_lang_back {
  color: #555;
}

.ys_phnav2_lang_back .icon-arrow-left:before {
  color: #555;
}

.ys_ph_nav li.yxnav_active1 > .ys_phnav_lisbox a {
  color: #333;
}

.ys_ph_nav ul li.yxnav_active2 a {
  color: #333;
}

.ys_ph_navbar2 .ys_phnav_menu,
.ys_phnav2_lang_modal {
  background: #fff;
}

.he_d3icoph {
  display: none;
}

.g_c2pt2 .t_b1k5xin {
  text-align: center;
}

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

.d_c6search2,
.d_c6searchicon,
.d_c6search::before,
.d_c6search::after {
  display: none;
}

.d_c6search {
  opacity: 0;
}

.t_c7jbtn .he_iconk2 {
  display: none;
}

.he_c6ulph .d_c6title {
  display: flex;
  background: rgba(235, 235, 235, 1);
  border-radius: 50px;
  padding: 5px 10px;
  width: inherit;
}

.d_c6title img {
  width: 8px;
  transition: all 0.36s;
}

.he_c6ulphti {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.he_c6ulph .d_c6title p {
  padding-right: 15px;
}

.he_c6ulphti .d_c6lite {
  margin-right: 15px;
}

.he_c6ulph {
  display: none;
}

.he_d1p1bg::before {
  display: none;
}

.mc_d1_progress {
  display: none;
}

.he_d1p1bg {
  padding-left: 0 !important;
}

.he_d1p1rtu {
  width: 80%;
  /*margin: 0 auto;*/
}

.g_b4pt2_input p {
  white-space: nowrap;
}

.ys_sycenter .g_sypt3 .t_b1k5xin {
  text-align: left;
}

.section .t_e2pt2ul li:before {
  display: none;
}

.g_e2pt2 .t_e2pt2ul li:before {
  display: block;
}

.he_d1p1bbt p {
  font-size: 22px;
  height: inherit !important;
}

.he_d1p1bli {
  max-height: inherit !important;
}

.he_d1p1bx {
  display: flex;
}

.he_b1p2 .g_sysect2_play {
  top: auto;
  left: auto;
  transform: inherit;
  bottom: 80px;
  left: 70px;
}

.he_d1p1le {
  width: 41% !important;
  padding-right: 50px;
  min-width: 41%;
  padding-bottom: 50px;
  position: relative;
}

.t_c7pt1jxin .t_font40 {
  font-size: 34px;
}

.he_b1ptig {
  font-size: 18px;
  line-height: 1.5;
  color: #161616;
  margin-top: 18px;
}

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

.he_b2rp2bx {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.he_b2rp2ri {
  width: 420px;
}

.he_b2rp2le {
  max-width: calc(100% - 420px);
  width: 520px;
}

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

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

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

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

.he_b2rp4qli p {
  font-size: 24px;
  line-height: 1.5;
  color: #161616;
  transition: all 0.36s;
}

.he_b2rp4qli {
  position: relative;
}

.he_b2rp4qli::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%);
  width: 0%;
  height: 3px;
  background: #060366;
  transition: all 0.36s;
  opacity: 0;
}

.he_b2rp4qt {
  margin-bottom: 29px;
}

.he_b2rp4qt .slick-track {
  border-bottom: 3px solid rgba(216, 216, 216, 0.5);
}

.he_b2rp4wli {
  width: 100%;
  position: relative;
  border-radius: 16px;
  padding: 80px;
  display: none;
  padding-left: 0 !important;
}

.he_b2rp4wli:first-child {
  display: block;
}

.he_b2rp4wx {
  width: 710px;
  max-width: 100%;
  position: relative;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 0px 16px 16px 0px;
  padding: 68px;
}

.he_b2rp2lkp p {
  font-size: 16px;
  line-height: 1.75;
  color: #666666;
  margin-bottom: 30px;
}

.he_b2rp2lkp {
  margin-top: 45px;
}

.he_b2rp4qli {
  text-align: center;
  padding: 0 10px;
  padding-bottom: 14px;
  cursor: pointer;
}

.he_b2rp4qli.slick-current p {
  color: #060366;
}

.he_b2rp4qli.slick-current::after {
  width: 100%;
  opacity: 1;
}

.he_b2rp4wx p {
  color: #666666;
  line-height: 1.75;
  font-size: 16px;
}

.he_b2rp2lkp p:last-child {
  margin-bottom: 0;
}

.he_strength .g_e1pt1 .t_e2pt1nr,
.he_strength .g_e1pt2 .t_e2pt1nr,
.he_strength .g_e1pt3 .t_e2pt1nr {
  bottom: auto;
  top: 50%;
  transform: translate(-50%, -50%);
}

.he_strength .t_e2pt2pag {
  width: 1400px;
}

.he_e2t2tbm {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  /* margin-top: 112px; */
}

.he_e2t2tbli .he_e2t24 {
  cursor: pointer;
}

.he_e2t24 {
  font-size: 24px;
  line-height: 1.5;
  color: #dbdbdb;
  transition: all 0.36s;
  display: inline-block;
  font-weight: bold;
}

.he_e2t2tbli {
  margin-bottom: 36px;
}

.he_e2t2tble,
.he_e2t2tbri {
  width: 50%;
}

.he_e2t2tble {
  padding-left: 85px;
  padding-right: 20px;
}

.he_e2t2twli {
  display: none;
}

.he_e2t2twli:first-child {
  display: block;
}

.he_e2t2twz p {
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
}

.he_e2t2tbli.act .he_e2t24 {
  color: #fff;
}

.he_e1pt3 {
  position: relative;
}

.he_e1pt3bx {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}

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

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

.he_e1pt3qul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.he_e1pt3qli {
  width: 50%;
  padding: 0 52px;
}

.he_e2t2ti {
  margin-bottom: 100px;
}

.he_e2t2ti {
  text-align: center;
}

.he_e2t2ti .g_word2 {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}

.he_e1pt3qr p {
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
}

.he_e1pt3quy .he_e2t24 {
  color: #fff;
}

.he_e1pt3quy {
  margin-bottom: 20px;
}

.he_e2t2ty p {
  font-size: 48px;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
}

.he_e2t2tas p {
  font-size: 16px;
  line-height: 1.5;
  color: #fff;
}

.he_e1pt4 .he_e2t2tble {
  padding-left: 0;
  width: 42%;
}

.he_e1pt4 .he_e2t2tbri {
  width: 58%;
}

.he_e2t2tqg {
  margin-top: 45px;
}

.he_e1pt3qwx {
  width: 100%;
  position: relative;
  height: 100%;
}

.he_e1pt5 .he_e1pt3qwx {
  background: rgba(0, 0, 0, 0.6);
  padding: 41px 50px;
}

.he_e1pt5 .he_e1pt3qli {
  padding: 0 16px;
}

.he_e1pt5 .he_e1pt3qul {
  margin: 0 -16px;
}

.he_e1pt6 .t_e2pt3le {
  width: 380px;
}

.he_e1pt6 .t_e2pt3rg {
  width: calc(100% - 380px);
  padding-left: 240px;
}

.t_e2pt3ul li {
  margin-bottom: 35px;
}

.he_e1pt6 .g_e2num p {
  color: #fff;
  font-size: 16px;
  line-height: 1.75;
}

.he_e1pt6 .g_num {
  margin-bottom: 6px;
}

.he_e2ptile {
  width: 32px;
  margin-top: 7px;
}

.he_e2ptile img {
  width: 100%;
}

.he_e2ptiri {
  width: calc(100% - 32px);
  padding-left: 15px;
}

.he_e2pticx {
  display: flex;
  flex-wrap: wrap;
}

.he_e2pt3 .he_e2ptiri .g_title4 {
  font-weight: normal;
}

.he_e2ptwm {
  text-align: center;
}

.he_e2ptwi .g_title2 {
  color: #fff;
  font-weight: bold;
}

.he_e2ptwp p {
  font-size: 16px;
  line-height: 1.75;
  color: #fff;
}

.he_e2ptwi {
  margin-bottom: 10px;
}

.he_e2ptli {
  opacity: 0 !important;
}

.he_e2ptli.swiper-slide-active {
  opacity: 1 !important;
}

.he_e2ptul {
  position: relative;
}

.he_e2ptul::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
}

.g_tech .section.active .t_e2pt2pag {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_tech .section.active .g_title2 {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_tech .section.active .t_e2pt2jle,
.g_tech .section.active .t_e2pt2jlun {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.4s;
}

.g_strength .section.active .g_title2 {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_strength .section.active .he_e2t2tbul,
.g_strength .section.active .he_e2t2tbri {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_strength .section.active .he_e2t2ti .g_word2 {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_strength .section.active .he_e1pt3qli {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_strength .section.active .t_e2pt2wai {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_strength .section.active .t_e2pt3le,
.g_strength .section.active .t_e2pt3rg {
  animation: ysfadeInUp 0.5s ease-in-out both;
  animation-delay: 0.3s;
}

.g_tech .section,
.g_strength .section {
  min-height: 100vh;
  position: relative;
}

.g_tech .fp-auto-height,
.g_strength .fp-auto-height {
  min-height: auto;
}

.he_zhuybx {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.he_zhuyri {
  margin-top: 0 !important;
}

.he_zhuyri ul,
.he_zhuyri .g_sypt1_tab {
  margin-top: 0 !important;
}

.t_e2pt2pag .swiper-container-horizontal > .swiper-pagination-bullets,
.t_e2pt2pag .swiper-pagination-custom,
.t_e2pt2pag .swiper-pagination-fraction {
  bottom: -40px;
  opacity: 0 !important;
}

.t_e2pt2pag .swiper-pagination-bullet {
  background: #fff;
  opacity: 1;
}

.t_e2pt2pag .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #060366;
}

.he_zhuyle {
  width: 100%;
}

.he_zhuyri {
  margin-bottom: 26px;
}

/* 整屏变head */
.g_tech.fp-viewing-4 .ys_hd_pc {
  background: #fff;
  box-shadow: 0px 6px 20px rgb(16 22 44 / 4%);
}

.g_tech.fp-viewing-4 .ys_hd_pc .ys_imgbox_cover img:nth-child(1) {
  opacity: 1;
}

.g_tech.fp-viewing-4 .ys_hd_pc .ys_imgbox_cover img:nth-child(2) {
  opacity: 0;
}

.g_tech.fp-viewing-4 .ys_hd_pc .g_nav li > a {
  color: #333;
}

.g_tech.fp-viewing-4 .ys_hd_pc .g_sta_name {
  color: #999999;
}

.g_tech.fp-viewing-4 .ys_hd_pc .g_other .ys_imgbox_cover,
.g_tech.fp-viewing-4 .ys_hd_pc .g_search .ys_imgbox_cover {
}

.g_tech.fp-viewing-4 .ys_hd_pc::before {
  display: none;
}

.g_tech.fp-viewing-4 .ys_hd_pc .g_nav li.yxnav_active1 > a {
  color: #060366;
}

.g_tech.fp-viewing-4 .ys_hd_pc .g_nav li.yxnav_active1 > a::before {
  background: #060366;
}

/* 整屏变head */
/* 2022.09.02 - tammy - start*/
.t_jiatu {
  display: none;
}
.t_zhpinbg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.t_zhpinbg img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}
.t_zhpicph {
  display: none;
}
.t_zhpinbg::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.g_sypt1_bot li {
  display: none;
}

.g_sypt1_bot li:first-child {
  display: block;
}

.ys_ban_slick li {
  display: none;
}

.ys_ban_slick li:first-child {
  display: block;
}

.he_sypt1_li .ys_imgbox_cover {
  background: rgb(76, 73, 73);
  font-size: 0;
}

.ys_ban_slick video {
  background: transparent;
}

.he_e2ptul {
  height: 100vh;
  width: 100%;
}

.he_e2ptli {
  width: 100%;
}

.he_e2pt2pag {
  height: 100%;
  width: 100%;
}

.he_e2ptli .t_e2pt2pag {
  height: 100%;
  display: flex;
  align-items: center;
}

.he_e2ptwp p {
  min-height: 84px;
}

.he_e2ptul .swiper-pagination {
  display: none !important;
}
.he_e2t2twz p {
  font-size: 18px;
}
.he_e1pt3qr p {
  font-size: 18px;
}

.t_w2pt3lie .g_word2 p {
  font-size: 18px;
}

.he_syp3bpli a {
  pointer-events: none;
}

.he_syp3bpli.swiper-slide-active a {
  pointer-events: inherit;
}

.he_syp3bpbx a {
  width: 100%;
  display: block;
}

.he_jiatuph {
  width: 100%;
  display: none;
}

.he_jiatuph img {
  width: 100%;
}

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

.he_bgph {
  display: none;
}

.d_d1totalbody2.on {
  display: none !important;
}

/* 2022.09.02 - tammy  - end*/

.g_c5pt1bj {
  width: 1000px;
}

.he_c5line {
  position: absolute;
}

.he_c5lite {
  position: absolute;
  white-space: nowrap;
}

.he_c5lite p {
  font-size: 20px;
  line-height: 1.5;
  color: #333;
  position: relative;
  padding-left: 16px;
}

.he_c5lite p::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  background: #060366;
  border-radius: 50%;
}

.he_c5line1 {
  top: 12px;
  left: 28.6%;
}

.he_c5line2 {
  top: 0px;
  left: 36.5%;
}

.he_c5line3 {
  left: 49%;
  top: -11px;
}

.he_c5line4 {
  left: 62.5%;
  top: 0px;
}

.he_c5line5 {
  top: 39%;
  right: 9%;
}

.he_c5line6 {
  top: 42%;
  right: 13.5%;
}

.he_c5line7 {
  top: 74%;
  right: 28%;
}

.he_c5line8 {
  top: 54.5%;
  left: 36.1%;
}

.he_c5line9 {
  top: 64.5%;
  left: 34.6%;
}

.he_c5line10 {
  top: 40%;
  left: 14%;
}

.he_c5line11 {
  top: 50%;
  left: 11.5%;
}

.he_c5line1 .he_c5lite {
  top: -15px;
  right: 76px;
}

.he_c5line2 .he_c5lite {
  left: -25px;
  top: -37px;
}

.he_c5line3 .he_c5lite {
  top: -37px;
  left: -25px;
}

.he_c5line4 .he_c5lite {
  top: -30px;
  left: -26px;
}

.he_c5line5 .he_c5lite {
  top: -30px;
  right: -30px;
}

.he_c5line6 .he_c5lite {
  bottom: -10px;
  left: 109%;
}

.he_c5line7 .he_c5lite {
  bottom: -12px;
  left: 110%;
}

.he_c5line8 .he_c5lite {
  bottom: -32px;
  right: -50px;
}

.he_c5line9 .he_c5lite {
  right: 137%;
  bottom: -10px;
}

.he_c5line10 .he_c5lite {
  right: 106%;
  bottom: -10px;
}

.he_c5line11 .he_c5lite {
  right: 108%;
  top: -4px;
}

.he_c5lisvg {
  opacity: 0;
  transition: all 0.1s 0.3s;
}

.g_c5pt1.actd .he_c5lisvg {
  opacity: 1;
}

.he_c5lite {
  opacity: 0;
  transition: all 0.36s 2s;
}

.g_c5pt1.actd .he_c5lite {
  opacity: 1;
}

.g_c5pt1 {
  padding: 146px 0 170px;
}

.he_c5lite {
  display: flex;
  align-items: content;
}

.he_c5lite p {
  padding-right: 12px;
}

.he_c5line1 .he_c5lite p,
.he_c5line2 .he_c5lite p,
.he_c5line3 .he_c5lite p,
.he_c5line4 .he_c5lite p,
.he_c5line5 .he_c5lite p,
.he_c5line6 .he_c5lite p,
.he_c5line10 .he_c5lite p {
  color: #fff;
}

.he_c5line1 .he_c5lite p::after,
.he_c5line2 .he_c5lite p::after,
.he_c5line3 .he_c5lite p::after,
.he_c5line4 .he_c5lite p::after,
.he_c5line5 .he_c5lite p::after,
.he_c5line6 .he_c5lite p::after,
.he_c5line10 .he_c5lite p::after {
  background: #fff;
}

.he_c5line5 {
  top: 21%;
  right: 14%;
}

.he_c5line5 .he_c5lite {
  top: -15px;
  right: -148px;
}

.he_c5line6 {
  top: 40%;
  right: 9.5%;
}

.he_c5line6 .he_c5lite {
  bottom: 52px;
  left: 83%;
}

.he_c5line8 .he_c5lite {
  right: -85px;
}

.he_c5line10 .he_c5lite {
  right: 114%;
  bottom: inherit !important;
  top: -14px;
}

.he_c5line11 .he_c5lite {
  right: 113%;
}

.he_c5line9 .he_c5lite {
  right: 166%;
}

.he_c5line10 {
  top: 33%;
}

.he_sypt1_li.on .ys_imgbox_cover {
  background: transparent !important;
}

.he_e2pt2pag {
  position: relative;
}

.he_e2pt2pag::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.he_e2pt2pag .t_e2pt2pag {
  position: relative;
  z-index: 10;
}

.he_e2ptli {
  width: 100vw !important;
}

.g_e2pt1.he_e2pt1 {
  background: #fff !important;
}
.he_e2pmgek {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.he_e2pmgeph {
  display: none;
}

.d_d3cont .g_button4 {
  margin: 0 auto;
  cursor: pointer;
}

.d_d3cont .g_button4 a {
  cursor: pointer !important;
}

/* .he_d1p1rli {
    pointer-events: none;
} */

.he_d1p1rli.slick-current {
  pointer-events: inherit;
}

/* 2023-5-5 */
.Compliance .g_title3,
.Compliance .g_title4,
.Compliance .g_title5 {
  text-align: center;
}
.Compliance .g_title4 {
  margin-top: 40px;
}
.Compliance .g_title5 {
  font-size: 20px;
  margin-top: 10px;
}
.Compliance .g_tl {
  text-align: left;
}
.Compliance .g_ti {
  text-indent: 32px;
}
.Compliance .g_margin5 {
  margin-bottom: 25px;
}
.Compliance .d_fontcol p {
  margin-bottom: 20px;
  text-indent: 32px;
}
.Compliance .d_fontcol .flnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}
.Compliance .d_fontcol .flnav .item {
  width: 48.5%;
  overflow: hidden;
}
.Compliance .d_fontcol .flnav .item .img {
  overflow: hidden;
}
.Compliance .d_fontcol .flnav .item .img img {
  width: 100%;
  transition: all 0.3s ease;
}
.Compliance .d_fontcol .flnav .item h3 {
  transition: all 0.3s ease;
}
.Compliance .d_fontcol .flnav .item:hover img {
  transform: scale(1.05);
}
.Compliance .d_fontcol .flnav .item:hover h3 {
  color: #0044ac;
}
.Compliance .d_fontcol ul {
  margin-bottom: 30px;
}
.Compliance .d_fontcol ul li {
  color: #333;
  margin-bottom: 5px;
}
.Compliance .d_fontcol ul li a {
  color: #333;
  text-decoration: underline;
}
.Compliance .d_fontcol ul li a:hover {
  color: #0044ac;
}

.xs-display {
  display: none !important;
}
.lg-display {
  display: block !important;
}

.shareWx-box {
  height: auto;
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  color: #333;
}
.shareWx-box .url_img {
  display: block;
  margin: 15px auto 10px;
}
.shareWx-box p {
  font-size: 13px;
}

/* 新媒体矩阵 */
.contact-media {
  height: auto;
}
.contact-media dl {
  height: auto;
  padding-top: 3%;
  border-bottom: 1px solid #ddd;
  position: sticky;
  top: 80px;
  background: #fff;
  margin-bottom: 0;
}
.contact-media dl dt {
  font-size: 30px;
  padding-bottom: 2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.contact-media dl dt i {
  font-family: 'iconfont';
  font-size: 20px;
  font-style: normal;
  color: #9d9d9d;
}
.contact-media dl dt i:before {
  content: '\e7b0';
}
.contact-media dl dd {
  display: none;
  background: #fff;
}
.contact-media dl dd ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 4%;
}
.contact-media dl dd ul li {
  width: 19.2%;
  height: 280px;
  margin: 1% 1% 0 0;
  background: linear-gradient(180deg, #f7fafd 0%, #f0f6fd 100%);
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.contact-media dl dd ul li .icon {
  width: 80px;
}
.contact-media dl dd ul li h3 {
  font-size: 18px;
  margin-top: 4%;
}
.contact-media dl dd ul li .mask {
  opacity: 0;
  pointer-events: none;
  width: 110%;
  height: 110%;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 6px 20px rgba(75, 100, 159, 0.2);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
.contact-media dl dd ul li .mask .icon1 {
  width: 50px;
  position: absolute;
  left: 0;
  top: 0;
}
.contact-media dl dd ul li .mask img {
  width: 160px;
}
.contact-media dl dd ul li .mask h3 {
  font-size: 16px;
  margin: 5% auto;
}
.contact-media dl dd ul li .mask p {
  font-size: 14px;
  color: #666;
  margin-bottom: 5%;
}
.contact-media dl dd ul li .mask .download {
  font-size: 14px;
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  align-items: center;
  color: #060366;
  padding: 15px 11px;
  background: linear-gradient(180deg, #f2f6fc 0%, #fff 100%);
}
.contact-media dl dd ul li .mask .icon {
  width: 16px;
  height: 16px;
  margin-right: 5px;
  position: relative;
  top: 0;
}
.contact-media dl dd ul li .mask .icon path {
  fill: #060366;
}
.contact-media dl dd ul li:hover {
  z-index: 2;
}
.contact-media dl dd ul li:hover .mask {
  opacity: 1;
  pointer-events: all;
}
.contact-media dl dd ul li:nth-child(5n) {
  margin-right: 0;
}
.contact-media dl dd ul li:nth-child(-n + 5) {
  margin-top: 0;
}
.contact-media dl:first-child {
  margin-top: 0;
}
.contact-media dl:last-child {
  border-bottom: 0;
}
.contact-media dl.active dt i {
  color: #060366;
}
.contact-media dl.active dt i:before {
  content: '\e7b1';
}
.contact-media dl.active dd {
  display: block;
}
.media-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.4);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.media-popup .box {
  width: 90%;
  height: 400px;
  padding-top: 60px;
  background: #fff;
  overflow: hidden;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.media-popup .box .icon {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 0;
  top: 0;
}
.media-popup .box .qr {
  width: 160px;
}
.media-popup .box h3 {
  font-size: 18px;
  margin-top: 30px;
}
.media-popup .box p {
  font-size: 16px;
  margin-top: 15px;
  color: #666;
}
.media-popup .box .tip {
  width: 100%;
  height: 45px;
  font-size: 14px;
  color: #ccc;
  background: #f7f7f7;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.media-popup .icon-close {
  font-size: 28px;
  color: #fff;
  margin-top: 30px;
}
.media-popup.wx .box .icon {
  background: url('./images/contact/media-icon-wx.png') no-repeat center/100%;
}
.about-nums {
  height: auto;
  overflow: hidden;
  padding: 70px 0;
  background: url('../images/about-nums-bg.jpg') no-repeat center/cover;
}
.about-nums li {
  width: 25%;
  float: left;
  text-align: center;
  color: #fff;
}

.about-nums li h1 {
  font-size: 20px;
  color: #fff;
}

.about-nums li h1 b {
  font-size: 56px;
  font-family: 'BebasNeue';
}

.about-nums li h1 span {
  font-family: 'SourceHanSans-Bold';
}

.about-nums li p {
  font-size: 18px;
  margin-top: 20px;
}

.about-nums li p i {
  font-size: 18px;
  margin-right: 5px;
  display: inline-block;
}
.he_culture_text {
  background: #f1f1f1;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.he_culture_text h2 {
  margin-bottom: 20px;
}
.he_culture_text p {
  text-align: center;
  padding: 0 0.2rem;
}
.he_carimglists .swiper-slide.swiper-slide-thumb-active img {
  border: 2px #18aeea solid;
}
.he_carimglist .swiper-button-next,
.he_carimglist .swiper-button-prev,
.he_carimglists .swiper-button-next,
.he_carimglists .swiper-button-prev {
  color: #333;
  width: 0.4rem;
  height: 0.4rem;
  border: 1px #333 solid;
  border-radius: 50%;
  font-size: 0.24rem;
  background: #fff;
}
.he_carimglist .swiper-button-next::after,
.he_carimglist .swiper-button-prev::after,
.he_carimglists .swiper-button-next::after,
.he_carimglists .swiper-button-prev::after {
  display: block;
  font-size: 0.16rem;
}
.contact-info h2 {
  color: #060366;
  font-weight: bold;
  margin: 0.2rem 0 0.2rem;
}
.contact-info p {
  font-size: 0.2rem;
}
.w-100 {
  width: 100%;
}
.pagination {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.pagination > li > a,
.pagination > li > span {
  padding: 0.1rem 0.3rem;
  color: #060366;
  font-size: 0.18rem;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #060366;
  border-color: #060366;
}
.pagination strong {
  margin: 0 0.1rem;
}
@media screen and (max-width: 991px) {
  .xs-display {
    display: block !important;
  }
  .lg-display {
    display: none !important;
  }
  .Compliance .g_margin4 {
    margin-bottom: 15px !important;
  }
  .Compliance .g_title4 {
    font-size: 18px !important;
  }
  .Compliance .g_title5 {
    font-size: 16px;
  }
  .Compliance .g_ti {
    text-indent: 28px;
  }
  .Compliance .g_margin5 {
    margin-bottom: 15px !important;
  }
  .Compliance .d_fontcol p {
    margin-bottom: 10px;
    text-indent: 28px;
  }
  .Compliance .d_fontcol .flnav .item {
    width: 100%;
    margin-bottom: 25px;
  }
  .Compliance .d_fontcol ul li {
    font-size: 14px;
  }
  .commonOrder {
    background: none;
  }
}