/* 前端白显着 */
.pre-wrap {
  white-space: pre-wrap;
}
.f_12 {
  font-size: 12px;
}
.f_13 {
  font-size: 13px;
}
.f_14 {
  font-size: 14px;
}
.f_15 {
  font-size: 15px;
}
.f_16 {
  font-size: 16px;
}
.f_17 {
  font-size: 17px;
}
.f_18 {
  font-size: 18px;
}
.f_19 {
  font-size: 19px;
}
.f_20 {
  font-size: 20px;
}
.f_21 {
  font-size: 21px;
}
.f_22 {
  font-size: 22px;
}
.f_23 {
  font-size: 23px;
}
.f_24 {
  font-size: 24px;
}
.f_25 {
  font-size: 25px;
}
.f_26 {
  font-size: 26px;
}
.f_27 {
  font-size: 27px;
}
.f_28 {
  font-size: 28px;
}
.f_29 {
  font-size: 29px;
}
.f_30 {
  font-size: 30px;
}
.f_31 {
  font-size: 31px;
}
.f_32 {
  font-size: 32px;
}
.f_33 {
  font-size: 33px;
}
.f_34 {
  font-size: 34px;
}
.f_35 {
  font-size: 35px;
}
.f_36 {
  font-size: 36px;
}
.f_37 {
  font-size: 37px;
}
.f_38 {
  font-size: 38px;
}
.f_39 {
  font-size: 39px;
}
.f_40 {
  font-size: 40px;
}
.f_41 {
  font-size: 41px;
}
.f_42 {
  font-size: 42px;
}
.f_43 {
  font-size: 43px;
}
.f_44 {
  font-size: 44px;
}
.f_45 {
  font-size: 45px;
}
.f_46 {
  font-size: 46px;
}
.f_47 {
  font-size: 47px;
}
.f_48 {
  font-size: 48px;
}
.f_49 {
  font-size: 49px;
}
.f_50 {
  font-size: 50px;
}
.f_51 {
  font-size: 51px;
}
.f_52 {
  font-size: 52px;
}
.f_53 {
  font-size: 53px;
}
.f_54 {
  font-size: 54px;
}
.f_55 {
  font-size: 55px;
}
.f_56 {
  font-size: 56px;
}
.f_57 {
  font-size: 57px;
}
.f_58 {
  font-size: 58px;
}
.f_59 {
  font-size: 59px;
}
.f_60 {
  font-size: 60px;
}
.f_61 {
  font-size: 61px;
}
.f_62 {
  font-size: 62px;
}
.f_63 {
  font-size: 63px;
}
.f_64 {
  font-size: 64px;
}
.f_65 {
  font-size: 65px;
}
.f_66 {
  font-size: 66px;
}
.f_67 {
  font-size: 67px;
}
.f_68 {
  font-size: 68px;
}
.f_69 {
  font-size: 69px;
}
.f_70 {
  font-size: 70px;
}
.f_71 {
  font-size: 71px;
}
.f_72 {
  font-size: 72px;
}
.f_73 {
  font-size: 73px;
}
.f_74 {
  font-size: 74px;
}
.f_75 {
  font-size: 75px;
}
.f_76 {
  font-size: 76px;
}
.f_77 {
  font-size: 77px;
}
.f_78 {
  font-size: 78px;
}
.f_79 {
  font-size: 79px;
}
.f_80 {
  font-size: 80px;
}
@media (max-width: 1681px) {
  .f_12 {
    font-size: 12px;
  }
  .f_13 {
    font-size: 13px;
  }
  .f_14 {
    font-size: 13px;
  }
  .f_15 {
    font-size: 13px;
  }
  .f_16 {
    font-size: 15px;
  }
  .f_17 {
    font-size: 16px;
  }
  .f_18 {
    font-size: 17px;
  }
  .f_19 {
    font-size: 18px;
  }
  .f_20 {
    font-size: 18px;
  }
  .f_21 {
    font-size: 19px;
  }
  .f_22 {
    font-size: 20px;
  }
  .f_23 {
    font-size: 21px;
  }
  .f_24 {
    font-size: 22px;
  }
  .f_25 {
    font-size: 23px;
  }
  .f_26 {
    font-size: 24px;
  }
  .f_27 {
    font-size: 25px;
  }
  .f_28 {
    font-size: 26px;
  }
  .f_29 {
    font-size: 27px;
  }
  .f_30 {
    font-size: 27px;
  }
  .f_31 {
    font-size: 28px;
  }
  .f_32 {
    font-size: 29px;
  }
  .f_33 {
    font-size: 30px;
  }
  .f_34 {
    font-size: 31px;
  }
  .f_35 {
    font-size: 32px;
  }
  .f_36 {
    font-size: 33px;
  }
  .f_37 {
    font-size: 34px;
  }
  .f_38 {
    font-size: 35px;
  }
  .f_39 {
    font-size: 36px;
  }
  .f_40 {
    font-size: 37px;
  }
  .f_41 {
    font-size: 38px;
  }
  .f_42 {
    font-size: 39px;
  }
  .f_43 {
    font-size: 39px;
  }
  .f_44 {
    font-size: 40px;
  }
  .f_45 {
    font-size: 41px;
  }
  .f_46 {
    font-size: 42px;
  }
  .f_47 {
    font-size: 43px;
  }
  .f_48 {
    font-size: 44px;
  }
  .f_49 {
    font-size: 45px;
  }
  .f_50 {
    font-size: 45px;
  }
  .f_51 {
    font-size: 46px;
  }
  .f_52 {
    font-size: 47px;
  }
  .f_53 {
    font-size: 48px;
  }
  .f_54 {
    font-size: 49px;
  }
  .f_55 {
    font-size: 50px;
  }
  .f_56 {
    font-size: 51px;
  }
  .f_57 {
    font-size: 52px;
  }
  .f_58 {
    font-size: 53px;
  }
  .f_59 {
    font-size: 54px;
  }
  .f_60 {
    font-size: 54px;
  }
  .f_61 {
    font-size: 55px;
  }
  .f_62 {
    font-size: 56px;
  }
  .f_63 {
    font-size: 57px;
  }
  .f_64 {
    font-size: 58px;
  }
  .f_65 {
    font-size: 59px;
  }
  .f_66 {
    font-size: 60px;
  }
  .f_67 {
    font-size: 61px;
  }
  .f_68 {
    font-size: 62px;
  }
  .f_69 {
    font-size: 63px;
  }
  .f_70 {
    font-size: 64px;
  }
  .f_71 {
    font-size: 65px;
  }
  .f_72 {
    font-size: 66px;
  }
  .f_73 {
    font-size: 66px;
  }
  .f_74 {
    font-size: 66px;
  }
  .f_75 {
    font-size: 68px;
  }
  .f_76 {
    font-size: 68px;
  }
  .f_77 {
    font-size: 69px;
  }
  .f_78 {
    font-size: 70px;
  }
  .f_79 {
    font-size: 71px;
  }
  .f_80 {
    font-size: 72px;
  }
}
@media (max-width: 1481px) {
  .f_12 {
    font-size: 12px;
  }
  .f_13 {
    font-size: 13px;
  }
  .f_14 {
    font-size: 13px;
  }
  .f_15 {
    font-size: 13px;
  }
  .f_16 {
    font-size: 14px;
  }
  .f_17 {
    font-size: 14px;
  }
  .f_18 {
    font-size: 16px;
  }
  .f_19 {
    font-size: 16px;
  }
  .f_20 {
    font-size: 16px;
  }
  .f_21 {
    font-size: 17px;
  }
  .f_22 {
    font-size: 18px;
  }
  .f_23 {
    font-size: 19px;
  }
  .f_24 {
    font-size: 20px;
  }
  .f_25 {
    font-size: 21px;
  }
  .f_26 {
    font-size: 22px;
  }
  .f_27 {
    font-size: 23px;
  }
  .f_28 {
    font-size: 24px;
  }
  .f_29 {
    font-size: 25px;
  }
  .f_30 {
    font-size: 26px;
  }
  .f_31 {
    font-size: 25px;
  }
  .f_32 {
    font-size: 26px;
  }
  .f_33 {
    font-size: 27px;
  }
  .f_34 {
    font-size: 28px;
  }
  .f_35 {
    font-size: 29px;
  }
  .f_36 {
    font-size: 30px;
  }
  .f_37 {
    font-size: 31px;
  }
  .f_38 {
    font-size: 32px;
  }
  .f_39 {
    font-size: 33px;
  }
  .f_40 {
    font-size: 34px;
  }
  .f_41 {
    font-size: 35px;
  }
  .f_42 {
    font-size: 36px;
  }
  .f_43 {
    font-size: 37px;
  }
  .f_44 {
    font-size: 38px;
  }
  .f_45 {
    font-size: 37px;
  }
  .f_46 {
    font-size: 38px;
  }
  .f_47 {
    font-size: 39px;
  }
  .f_48 {
    font-size: 40px;
  }
  .f_49 {
    font-size: 41px;
  }
  .f_50 {
    font-size: 42px;
  }
  .f_51 {
    font-size: 43px;
  }
  .f_52 {
    font-size: 44px;
  }
  .f_53 {
    font-size: 45px;
  }
  .f_54 {
    font-size: 46px;
  }
  .f_55 {
    font-size: 47px;
  }
  .f_56 {
    font-size: 48px;
  }
  .f_57 {
    font-size: 49px;
  }
  .f_58 {
    font-size: 50px;
  }
  .f_59 {
    font-size: 51px;
  }
  .f_60 {
    font-size: 52px;
  }
  .f_61 {
    font-size: 51px;
  }
  .f_62 {
    font-size: 52px;
  }
  .f_63 {
    font-size: 53px;
  }
  .f_64 {
    font-size: 54px;
  }
  .f_65 {
    font-size: 55px;
  }
  .f_66 {
    font-size: 56px;
  }
  .f_67 {
    font-size: 57px;
  }
  .f_68 {
    font-size: 58px;
  }
  .f_69 {
    font-size: 59px;
  }
  .f_70 {
    font-size: 60px;
  }
  .f_71 {
    font-size: 55px;
  }
  .f_72 {
    font-size: 56px;
  }
  .f_73 {
    font-size: 57px;
  }
  .f_74 {
    font-size: 58px;
  }
  .f_75 {
    font-size: 59px;
  }
  .f_76 {
    font-size: 60px;
  }
  .f_77 {
    font-size: 61px;
  }
  .f_78 {
    font-size: 61px;
  }
  .f_79 {
    font-size: 63px;
  }
  .f_80 {
    font-size: 64px;
  }
}
@media (max-width: 1281px) {
  .f_13 {
    font-size: 12px;
  }
  .f_14 {
    font-size: 12px;
  }
  .f_15 {
    font-size: 12px;
  }
  .f_16 {
    font-size: 13px;
  }
  .f_17 {
    font-size: 16px;
  }
  .f_18 {
    font-size: 15px;
  }
  .f_19 {
    font-size: 16px;
  }
  .f_20 {
    font-size: 17px;
  }
  .f_22 {
    font-size: 18px;
  }
  .f_24 {
    font-size: 19px;
  }
  .f_25 {
    font-size: 20px;
  }
  .f_26 {
    font-size: 21px;
  }
  .f_27 {
    font-size: 22px;
  }
  .f_28 {
    font-size: 23px;
  }
  .f_29 {
    font-size: 24px;
  }
  .f_30 {
    font-size: 25px;
  }
  .f_31 {
    font-size: 26px;
  }
  .f_32 {
    font-size: 27px;
  }
  .f_33 {
    font-size: 24px;
  }
  .f_34 {
    font-size: 25px;
  }
  .f_35 {
    font-size: 26px;
  }
  .f_36 {
    font-size: 27px;
  }
  .f_37 {
    font-size: 28px;
  }
  .f_38 {
    font-size: 29px;
  }
  .f_39 {
    font-size: 30px;
  }
  .f_40 {
    font-size: 31px;
  }
  .f_41 {
    font-size: 32px;
  }
  .f_42 {
    font-size: 33px;
  }
  .f_43 {
    font-size: 34px;
  }
  .f_44 {
    font-size: 35px;
  }
  .f_45 {
    font-size: 36px;
  }
  .f_46 {
    font-size: 37px;
  }
  .f_47 {
    font-size: 38px;
  }
  .f_48 {
    font-size: 39px;
  }
  .f_49 {
    font-size: 40px;
  }
  .f_50 {
    font-size: 38px;
  }
  .f_51 {
    font-size: 39px;
  }
  .f_52 {
    font-size: 40px;
  }
  .f_53 {
    font-size: 41px;
  }
  .f_54 {
    font-size: 42px;
  }
  .f_55 {
    font-size: 43px;
  }
  .f_56 {
    font-size: 44px;
  }
  .f_57 {
    font-size: 45px;
  }
  .f_58 {
    font-size: 46px;
  }
  .f_59 {
    font-size: 47px;
  }
  .f_60 {
    font-size: 48px;
  }
  .f_61 {
    font-size: 49px;
  }
  .f_62 {
    font-size: 50px;
  }
  .f_63 {
    font-size: 51px;
  }
  .f_64 {
    font-size: 52px;
  }
  .f_65 {
    font-size: 53px;
  }
  .f_66 {
    font-size: 54px;
  }
  .f_67 {
    font-size: 55px;
  }
  .f_68 {
    font-size: 56px;
  }
  .f_69 {
    font-size: 57px;
  }
  .f_70 {
    font-size: 58px;
  }
  .f_71 {
    font-size: 51px;
  }
  .f_72 {
    font-size: 52px;
  }
  .f_73 {
    font-size: 53px;
  }
  .f_74 {
    font-size: 54px;
  }
  .f_75 {
    font-size: 55px;
  }
  .f_76 {
    font-size: 56px;
  }
  .f_77 {
    font-size: 57px;
  }
  .f_78 {
    font-size: 58px;
  }
  .f_79 {
    font-size: 59px;
  }
  .f_80 {
    font-size: 60px;
  }
}
@media (max-width: 1024px) {
  .f_13 {
    font-size: 12px;
  }
  .f_14 {
    font-size: 12px;
  }
  .f_15 {
    font-size: 12px;
  }
  .f_16 {
    font-size: 12px;
  }
  .f_17 {
    font-size: 13px;
  }
  .f_18 {
    font-size: 13px;
  }
  .f_19 {
    font-size: 13px;
  }
  .f_20 {
    font-size: 13px;
  }
  .f_21 {
    font-size: 13px;
  }
  .f_22 {
    font-size: 13px;
  }
  .f_23 {
    font-size: 13px;
  }
  .f_24 {
    font-size: 13px;
  }
  .f_25 {
    font-size: 13px;
  }
  .f_26 {
    font-size: 13px;
  }
  .f_27 {
    font-size: 14px;
  }
  .f_28 {
    font-size: 14px;
  }
  .f_29 {
    font-size: 15px;
  }
  .f_30 {
    font-size: 15px;
  }
  .f_31 {
    font-size: 15px;
  }
  .f_32 {
    font-size: 16px;
  }
  .f_33 {
    font-size: 16px;
  }
  .f_34 {
    font-size: 17px;
  }
  .f_35 {
    font-size: 17px;
  }
  .f_36 {
    font-size: 18px;
  }
  .f_37 {
    font-size: 18px;
  }
  .f_38 {
    font-size: 19px;
  }
  .f_39 {
    font-size: 19px;
  }
  .f_40 {
    font-size: 20px;
  }
  .f_41 {
    font-size: 20px;
  }
  .f_42 {
    font-size: 21px;
  }
  .f_43 {
    font-size: 21px;
  }
  .f_44 {
    font-size: 22px;
  }
  .f_45 {
    font-size: 22px;
  }
  .f_46 {
    font-size: 23px;
  }
  .f_47 {
    font-size: 23px;
  }
  .f_48 {
    font-size: 24px;
  }
  .f_49 {
    font-size: 24px;
  }
  .f_50 {
    font-size: 25px;
  }
  .f_51 {
    font-size: 25px;
  }
  .f_52 {
    font-size: 26px;
  }
  .f_53 {
    font-size: 26px;
  }
  .f_54 {
    font-size: 27px;
  }
  .f_55 {
    font-size: 27px;
  }
  .f_56 {
    font-size: 28px;
  }
  .f_57 {
    font-size: 28px;
  }
  .f_58 {
    font-size: 29px;
  }
  .f_59 {
    font-size: 29px;
  }
  .f_60 {
    font-size: 30px;
  }
  .f_61 {
    font-size: 30px;
  }
  .f_62 {
    font-size: 31px;
  }
  .f_63 {
    font-size: 31px;
  }
  .f_64 {
    font-size: 32px;
  }
  .f_65 {
    font-size: 32px;
  }
  .f_66 {
    font-size: 33px;
  }
  .f_67 {
    font-size: 33px;
  }
  .f_68 {
    font-size: 34px;
  }
  .f_69 {
    font-size: 34px;
  }
  .f_70 {
    font-size: 35px;
  }
  .f_71 {
    font-size: 35px;
  }
  .f_72 {
    font-size: 36px;
  }
  .f_73 {
    font-size: 36px;
  }
  .f_74 {
    font-size: 37px;
  }
  .f_75 {
    font-size: 37px;
  }
  .f_76 {
    font-size: 38px;
  }
  .f_77 {
    font-size: 38px;
  }
  .f_78 {
    font-size: 39px;
  }
  .f_79 {
    font-size: 39px;
  }
  .f_80 {
    font-size: 40px;
  }
}

html {
  font-size: 100px;
}

@media screen and (max-width: 1800px) {
  html {
    font-size: 95px;
  }
}

@media screen and (max-width: 1700px) {
  html {
    font-size: 90px;
  }
}

@media screen and (max-width: 1600px) {
  html {
    font-size: 85px;
  }
}

@media screen and (max-width: 1500px) {
  html {
    font-size: 80px;
  }
}

@media screen and (max-width: 1400px) {
  html {
    font-size: 75px;
  }
}

@media screen and (max-width: 1300px) {
  html {
    font-size: 70px;
  }
}

@media screen and (max-width: 1200px) {
  html {
    font-size: 65px;
  }
}

@media screen and (max-width: 1100px) {
  html {
    font-size: 60px;
  }
}

@media screen and (max-width: 1000px) {
  html {
    font-size: 55px;
  }
}

@media screen and (max-width: 900px) {
  html {
    font-size: 50px;
  }
}

@font-face {
  font-family: 'HarmonyRegular';
  src: url('/fonts/HarmonyOS_Sans_Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'HarmonyMedium';
  src: url('/fonts/HarmonyOS_Sans_Medium.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HarmonyBold';
  src: url('/fonts/HarmonyOS_Sans_Bold.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceRegular';
  src: url('/fonts/SourceHanSansCN-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SourceMedium';
  src: url('/fonts/SourceHanSansCN-Medium.otf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SourceBold';
  src: url('/fonts/SourceHanSansCN-Bold.otf');
  font-weight: normal;
  font-style: normal;
}

.SourceMedium {
  font-family: 'SourceMedium';
}

html[lang="en"] .SourceMedium{
  font-family: 'HarmonyMedium';
}
html[lang="en"] .fbd{
  font-family: 'HarmonyBold';
}
html[lang="en"] body{
  font-family:
    'HarmonyRegular',
    '微软雅黑',
    Arial,
    Helvetica,
    sans-serif,
    Microsoft Yahei;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

body {
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  padding: 0;
  width: 100%;
  color: #222;
  font-family:
    'SourceRegular',
    '微软雅黑',
    Arial,
    Helvetica,
    sans-serif,
    Microsoft Yahei;
  font-size: 14px;
  line-height: 1;
  background: #fff;
}

html.act {
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.ul,
.ul li,
.ul1 li,
.ul td,
.ul,
.ul dd,
.uls,
.uls li,
.uls li,
.uls td,
.uls,
.uls dd {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: ' ';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

a {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  color: #222;
}

textarea,
select {
  outline: none;
  color: #666;
  font-size: 14px;
  width: 100%;
}

img {
  border: none;
  display: block;
  max-width: 100%;
}

img[src=''] {
  opacity: 0;
}

.gdt::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}

.gdt::-webkit-scrollbar-thumb {
  background: #17288b;
}

.gdt::-webkit-scrollbar-track {
  background: #fff;
}

.gdt2::-webkit-scrollbar {
  width: 3px;
  height: 1px;
  padding: 0 2px;
}

.gdt2::-webkit-scrollbar-thumb {
  background: #17288b;
  border-radius: 20px;
}

.gdt2::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0);
  border-radius: 20px;
  width: 1px;
  background: linear-gradient(
    to right,
    transparent 0%,
    transparent 33.33%,
    #d9d9d9 33.33%,
    #d9d9d9 66.66%,
    transparent 66.66%,
    transparent 100%
  );
}

.gdt3:hover::-webkit-scrollbar {
  display: block;
}

.gdt3::-webkit-scrollbar {
  width: 3px;
  height: 1px;
  padding: 0 2px;
  display: none;
}

.gdt3::-webkit-scrollbar-thumb {
  background: #CCDCEB;
  border-radius: 20px;
}

.gdt3::-webkit-scrollbar-track {
  /* background: rgba(255, 255, 255, 0); */
  border-radius: 20px;
  width: 1px;
  background: #E3EEF8;
}

.f100 {
}

/*分页*/

.page1 {
  text-align: center;
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  font-family: 'arial';
}

.page1 span a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  width: 40px;
  height: 40px;
  text-decoration: none;
  font-size: 14px;
  border-radius: 40px;
  background: #fff;
  border-radius: 30px;
}

.page1 span a:hover,
.page1 span.current a {
  background: #17288b;
  color: #fff;
}

.page1 span.current a {
  background: #17288b;
  color: #fff;
}

.page1 span {
  margin: 0 5px;
  display: inline-block;
  line-height: 34px;
  color: #666;
}

.page1 span input,
.page1 span .go {
  display: block;
  width: 72px;
  height: 40px;
  border-radius: 40px;
  outline: none;
  text-align: center;
  background: #fff;
  border: none;
}

.page1 .all {
  display: block;
  width: 72px;
  height: 40px;
  background: #fff;
  border-radius: 40px;
  font-family: SourceMedium;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s linear;
}
.page1 .all:hover {
  background-color: #17288b;
  color: #fff;
}
.page1 span a img {
  transition: all 0.3s linear;
}
.page1 span a.nex,
.page1 span a.pre {
  position: relative;
  width: 98px;
  gap: 3px;
}
.page1 span a.nex:hover,
.page1 span a.pre:hover {
  opacity: 1;
}
.page1 span a.nex:hover img,
.page1 span a.pre:hover img {
  filter: brightness(0) invert(1);
}

.page2 {
  width: 100%;
  background: #17288b;
  color: #fff;
  display: block;
  margin: 0 auto;
  line-height: 44px;
  border-radius: 40px;
  display: none;
  text-align: center;
}

.a_dw {
  position: relative;
  top: 0;
}

.box {
  padding: 0 4.16vw;
  margin: 0 auto;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 1920px;
}

.alltime,
.alltime * {
  transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  -webkit-ttransition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  -moz-transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
}

.alltime2,
.alltime2 * {
  transition: all 0.5s cubic-bezier(0.43, 0.195, 0.02, 1);
  -webkit-ttransition: all 0.5s cubic-bezier(0.43, 0.195, 0.02, 1);
  -moz-transition: all 0.5s cubic-bezier(0.43, 0.195, 0.02, 1);
}

.wow {
  opacity: 0;
}

.wow1 {
  opacity: 1;
}

.fbd {
  font-family: 'SourceBold';
}

.w100 {
  display: block;
  width: 100%;
}

.wh100 {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 头部 */

.head {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}

.head .logo {
  position: relative;
  width: 1.8rem;
}

.head .ico {
  position: relative;
}
.head .hrt a .ico {
  width: 24px;
}

.head .ico img {
  display: block;
  width: 100%;
}

.head .ico img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.head .ico img:nth-child(3) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  opacity: 0;
}

.head .ul1 {
}

.head .ul1 .li {
  position: relative;
  padding: 0 0.25rem;
}

.head .ul1 .li .ltop {
  position: relative;
  z-index: 3;
}

.head .ul1 .li .ltop a {
  display: block;
  line-height: 1.1rem;
  color: #fff;
}

.head .ul1 .li .ltop a s {
  display: block;
  width: 0%;
  height: 4px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}

.head .ul1 .li .lbtm {
  position: fixed;
  left: 0%;
  width: 100vw;
  top: 1.1rem;
  padding: 0.35rem 0 0.8rem;
  z-index: 2;
  background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(10px);
  opacity: 0;
  pointer-events: none;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.head .ul1 .li .lbtm .anniu {
  margin-bottom: 0.3rem;
  display: none;
}

.head .ul1 .li .lbtm .anniu a {
  display: block;
  padding: 0 0.8rem;
  border-right: 1px solid #d9d9d9;
  line-height: 20px;
}

.head .ul1 .li .lbtm .anniu a:last-child {
  border: 0;
}

.head .ul1 .li .lbtm .anniu a.act,
.head .ul1 .li .lbtm .anniu a:hover {
  color: #17288b;
}

.head .ul1 .li .lbtm .lbtm_hezi {
  max-width: 1440px;
  margin: 0 auto;
}

.head .ul1 .li .lbtm .lbtm_hezi .lmhz {
  width: 100%;
  display: none;
}

.head .ul1 .li .lbtm .lbtm_hezi .lmhz:nth-child(1) {
  display: block;
}

.head .ul1 .li .lbtm .hezi {
  width: 100%;
}

.head .ul1 .li .lbtm .hezi .img {
  width: 26%;
  max-width: 365px;
}

.head .ul1 .li .lbtm .hezi .img img {
  display: block;
  width: 100%;
  border-radius: 0.15rem;
}

.head .ul1 .li .lbtm .hezi .hert {
  width: 74%;
  padding-left: 1.2rem;
}

.head .ul1 .li .lbtm .hezi .hert a {
  display: block;
  width: 30%;
  line-height: 24px;
  padding: 25px 30px 25px 0;
  background: url(/images/svg/in_4_6.svg) center right no-repeat;
  margin: 0 5% 0 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.head .ul1 .li .lbtm .hezi .hert a:nth-child(3n) {
  margin-right: 0;
}

.head .ul1 .li .lbtm .hezi .hert a:hover {
  color: #17288b;
  background: url(/images/svg/in_4_7.svg) center right no-repeat;
}

.head .ul1 .li .lbtm2 .hezi .helt2 {
  width: 23%;
  max-width: 320px;
}

.head .ul1 .li .lbtm2 .hezi .helt2 .li {
  line-height: 24px;
  padding: 24px 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.head .ul1 .li .lbtm2 .hezi .helt2 .li .wz {
  width: calc(100% - 20px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.head .ul1 .li .lbtm2 .hezi .helt2 .li .wz img {
  display: inline-block;
  vertical-align: bottom;
  width: 1.5em;
  margin-right: 5px;
}

.head .ul1 .li .lbtm2 .hezi .helt2 .li s {
  display: block;
  width: 0px;
  height: 20px;
  background: url(/images/svg/in_4_7.svg) center no-repeat;
}

.head .ul1 .li .lbtm2 .hezi .helt2 .li.act s,
.head .ul1 .li .lbtm2 .hezi .helt2 .li:hover s {
  width: 20px;
}

.head .ul1 .li .lbtm2 .hezi .helt2 .li.act .wz,
.head .ul1 .li .lbtm2 .hezi .helt2 .li:hover .wz {
  color: #17288b;
}

.head .ul1 .li .lbtm2 .hezi .hert2 {
  width: 72%;
  position: relative;
}

.head .ul1 .li .lbtm2 .hezi .hert2 .dl1 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  opacity: 0;
  z-index: 1;
}

.head .ul1 .li .lbtm2 .hezi .hert2 .dl1 .dt {
  line-height: 40px;
  color: #999;
}

.head .ul1 .li .lbtm2 .hezi .hert2 .dl1 .dd {
}

.head .ul1 .li .lbtm2 .hezi .hert2 .dl1 .dd a {
  display: block;
  width: calc(calc(100% - 0.9rem) / 4);
  margin-right: 0.3rem;
  min-height: 62px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 62px;
  display: block;

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.head .ul1 .li .lbtm2 .hezi .hert2 .dl1 .dd a:nth-child(4n) {
  margin-right: 0;
}

.head .ul1 .li .lbtm2 .hezi .hert2 .dl1 .dd a:hover {
  color: #17288b;
}

.head .ul1 .li .lbtm2 .hezi .hert2 .dl1.act {
  position: relative;
  opacity: 1;
  left: 0;
  z-index: 3;
}

.head .ul1 .li:hover .lbtm {
  opacity: 1;
  pointer-events: visible;
}

.head .hs {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ececec;
  opacity: 0;
  pointer-events: none;
}

.head .hrt {
}

.head .hrt a {
  display: flex;
  position: relative;
  align-items: center;
  align-content: center;
  color: #fff;
}

.head .hrt a span {
  margin-left: 10px;
}

.head .hrt s {
  display: block;
  width: 1px;
  height: 18px;
  background: #fff;
  opacity: 0.2;
  margin: 0 0.3rem;
}

.head.act,
.head.bai,
.head:hover {
  background: #fff;
}

.head.act .ico img:nth-child(1),
.head.bai .ico img:nth-child(1),
.head:hover .ico img:nth-child(1) {
  opacity: 0;
}

.head.act .ico img:nth-child(2),
.head.bai .ico img:nth-child(2),
.head:hover .ico img:nth-child(2) {
  opacity: 1;
}

.head.act .ul1 .li .ltop a,
.head.bai .ul1 .li .ltop a,
.head:hover .ul1 .li .ltop a {
  color: #222;
}

.head.act .ul1 .li .ltop a s,
.head.bai .ul1 .li .ltop a s,
.head:hover .ul1 .li .ltop a s {
  background: #17288b;
}

.head.act .icoh span,
.head.bai .icoh span,
.head:hover .icoh span {
  color: #222;
}

.head.act .hrt s,
.head.bai .hrt s,
.head:hover .hrt s {
  background: #222;
}

.head.act .hs,
.head.bai .hs,
.head:hover .hs {
  opacity: 1;
}

.head .hrt .icoh:hover img:nth-child(2) {
  opacity: 0;
}

.head .hrt .icoh:hover img:nth-child(3) {
  opacity: 1;
}

.head .icoh:hover span {
  color: #17288b;
}

.head .ul1 .li:hover .ltop a {
  color: #17288b;
}

.head.act2 {
  top: -1.1rem;
}

.head.act2 .ul1 .li .lbtm {
  opacity: 0;
  pointer-events: none;
}

.head.act .ul1 .li .ltop a {
  line-height: 0.72rem;
}

.head.act .ul1 .li .lbtm {
  top: 0.72rem;
}

.head .ul1 .li:hover .ltop a s {
  width: 100%;
}

.head .ul1 .li.act .ltop a {
  color: #17288b;
}

/* 右侧 */

.right {
  position: fixed;
  right: 10px;
  top: 50%;
  z-index: 9;
  transform: translate3d(130%, -50%, 0);
  -webkit-transform: translate3d(130%, -50%, 0);
  transition-duration: 1s;
  /* width: 0.6rem; */
}

.right .ul1 {
  display: flex;
  flex-direction: column;
}

.right .ul1 .li {
  position: relative;
  margin-bottom: 10px;
}

.right .ul1 .li .ico {
  position: relative;
  width: 100%;
  background: rgba(255,255,255,0.75);
  border-radius: 50%;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  width: 60px;
  height: 60px;
}

.right .ul1 .li .ico img {
  display: block;
  width: 100%;
}

.right .ul1 .li .ico img:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
}

.right .ul1 .li .lox {
  width: auto;
  padding: 14px;
  background: #fff;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  right: calc(100% + 1px);
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  line-height: 1.5;
  pointer-events: none;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  text-align: center;
}

.right .ul1 .li .lox .ltc {
  color: #5b626e;
  margin-top: 5px;
  white-space: nowrap;
}

.right .ul1 .li .lox .sj {
  display: block;
  width: 7px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 99%;
  background: url(/images/svg/r_jt.svg) center no-repeat;
  margin-top: -7px;
}

.right .ul1 .li .lox .ewm {
  width: 100px;
  margin: 5px auto 0;
}

.right .ul1 .li:hover .lox {
  right: calc(100% + 16px);
  opacity: 1;
}

.right .ul1 .li:hover .ico {
  background: #17288b;
}

.right .ul1 .li:hover .ico img:nth-child(1) {
  opacity: 0;
}

.right .ul1 .li:hover .ico img:nth-child(2) {
  opacity: 1;
}

.right.act {
  transform: translate3d(0, -50%, 0);
  -webkit-transform: translate3d(0, -50%, 0);
}

/* 首页 */

.flex {
  display: flex;
}

.flex_wrap {
  flex-wrap: wrap;
}

.flex_center {
  justify-content: center;
}

.flex_sb {
  justify-content: space-between;
}

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

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

.flex_altop {
  align-items: flex-start;
  align-content: flex-start;
}

.flex_albtm {
  align-items: flex-end;
  align-content: flex-end;
}

.i1_hezi {
  position: relative;
  height: 160vh;
}

.i1_hezi .hezi1 {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
}

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

.swiper_in1 {
}

.swiper_in1 .sbox {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
}

.swiper_in1 .box {
  max-width: 100%;
}

.swiper_in1 .sbox img {
  height: 100vh;
  object-fit: cover;
}

.swiper_in1 .sbox .mimg {
  display: none;
}

.swiper_in1 .sbox .vid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 2;
}

.swiper_in1 .sbox .txt1 {
  width: 100%;
  position: absolute;
  left: 0;
  top: 24%;
  z-index: 5;
  pointer-events: none;
  padding: 0;
  color: #fff;
  line-height: 1.2;
  transform: translateX(100px);
  -webkit-transform: translateX(100px);
  opacity: 0;
}

.swiper_in1 .sbox .txt1 .tt2 {
  font-size: calc(110 / 1920 * 100vw);
  line-height: 1.18;
  text-shadow: 0 4px 31.9px rgba(57, 138, 179, 0.5);
  margin-top: 0.1rem;
  letter-spacing: 1px;
  white-space: pre-wrap;
}

.swiper_in1 .sbox .txt2 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 14%;
  z-index: 5;
  pointer-events: none;
  padding: 0;
  color: #fff;
  line-height: 1.2;
  min-height: 3.6em;
  transform: translateX(100px);
  -webkit-transform: translateX(100px);
  opacity: 0;
}

.swiper_in1 .swiper-slide-active .sbox .txt1 {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.swiper_in1 .swiper-slide-active .sbox .txt2 {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1;
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.swiper_in1 .zydw {
  width: 100%;
  position: absolute;
  top: 58%;
  left: 0;
  z-index: 6;
  color: #fff;
  line-height: 20px;
}

.swiper_in1 .zydw .btn {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/images/svg/lb_jt1.svg) center no-repeat;
  cursor: pointer;
}

.swiper_in1 .zydw .prev_in1 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.swiper_in1 .zydw .suzi {
  margin: 0 0.2rem;
}

.swiper_in1 .zydw .suzi s {
  display: block;
  width: 1px;
  height: 10px;
  background: #ddd;
  margin: 0 12px;
}

.swiper_in1 .zydw .suzi span:last-child {
  opacity: 0.5;
}

.i2 {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  line-height: 1.5;
  pointer-events: none;
  overflow: hidden;
  transform-origin: center top;
  -webkit-transform-origin: center top;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.i2 .iox {
  width: 100%;
  height: 100%;
  background: url(/images/in_2_1.webp) center no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: center;
  opacity: 0;
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.i2 .iox .box {
  transform-origin: center bottom;
  -webkit-transform-origin: center bottom;
}

.i2 .iox .dl1 {
  margin: 0.25rem 0 0.2rem;
}

.i2 .iox .dl1 .dt {
  transform: scale(4);
  -webkit-transform: scale(4);
  transform-origin: 50% 40%;
  -webkit-transform-origin: 50% 40%;
}

.i2 .iox .dl1 .dt img {
  margin: 0 10px;
}

.i2 .iox .itc {
  line-height: 30px;
  color: #666;
  white-space: pre-wrap;
}

.i2 .iox .dh {
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
  opacity: 0;
}

.i2 .iox .dhl {
  transform: translateX(-50px);
  -webkit-transform: translateX(-50px);
  opacity: 0;
}

.i2 .iox .dhr {
  transform: translateX(50px);
  -webkit-transform: translateX(50px);
  opacity: 0;
}

.i2 .yuan {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: radial-gradient(circle, transparent 1%, #fff 1%);
  transform: scale(100);
  -webkit-transform: scale(100);
}

.i2.act .iox {
  opacity: 1;
}

.i2.act .iox .dl1 .dt {
  transform: scale(1);
  -webkit-transform: scale(1);
}

.i2.act .iox .dh {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.i2.act .iox .dhl {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  opacity: 1;
}

.i2.act .iox .dhr {
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  opacity: 1;
}

.i2.act .iox .dh1 {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.i2.act .iox .dh2 {
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.i2.act .iox .dl1 .dt img {
  animation: zhuan 2s;
  -webkit-animation: zhuan 2s;
}

.i3 {
  position: relative;
}

.swiper_in2 {
}

.swiper_in2 .swiper-slide {
}

.swiper_in2 .swiper-slide .sbox {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.swiper_in2 .swiper-slide .sbox img {
  transform: scale(1.0002);
  -webkit-transform: scale(1.0002);
  transition-duration: .7s;
}

.swiper_in2 .swiper-slide .sbox .txt {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  color: #fff;
  padding: 0.6rem 0.7rem;
  line-height: 1.2;
  width: 100%;
}

.swiper_in2 .swiper-slide:nth-child(4n - 2) .sbox .txt {
  top: 0;
}

.swiper_in2 .swiper-slide:nth-child(4n - 1) .sbox .txt {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  text-align: right;
  width: auto;
  padding: 0.6rem 0.7rem;
}

.swiper_in2 .swiper-slide:nth-child(4n - 1) .sbox .txt .itt {
  padding-bottom: 1em;
}
.en-page .swiper_in2 .swiper-slide .sbox .txt .itt {
  display: none;
}
.swiper_in2 .swiper-slide:nth-child(4n) .sbox .txt {
  top: 0;
  bottom: auto;
  right: 0;
  left: auto;
  writing-mode: vertical-lr;
  text-orientation: mixed;
  text-align: right;
  width: auto;
  padding: 0.6rem 0.7rem;
}

.swiper_in2 .swiper-slide:nth-child(4n) .sbox .txt .itt {
  position: relative;
  top: -0.5em;
  letter-spacing: 1px;
}

.swiper_in2 .swiper-slide .sbox:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.i4 {
  position: relative;
  background: #67b1f6;
}

.i4 .iox {
  width: 100%;
  color: #fff;
  position: absolute;
  left: 0;
  top: 14%;
  z-index: 3;
}

.i4 .iox .tt {
  line-height: 22px;
  margin-bottom: 0.3rem;
}

.i4 .iox .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.swiper_in3 {
}

.swiper_in3 .swiper-slide .sbox {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.swiper_in3 .swiper-slide .sbox .pimg {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  opacity: 0;
}

.swiper_in3 .swiper-slide .sbox .txt {
  width: 100%;
  position: absolute;
  top: 30%;
  left: 0;
  z-index: 3;
  color: #fff;
}

.swiper_in3 .swiper-slide .sbox .txt .sox {
  width: 49%;
}

.swiper_in3 .swiper-slide .sbox .txt .stt {
  line-height: 1.75;
}

.swiper_in3 .swiper-slide .sbox .txt .stc {
  padding-top: 0.4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin-top: 0.3rem;
  height: calc(120px + 1.2rem);
  overflow-y: auto;
}

.swiper_in3 .swiper-slide .sbox .txt .stc::-webkit-scrollbar {
  width: 3px;
}
.swiper_in3 .swiper-slide .sbox .txt .stc::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}
.swiper_in3 .swiper-slide .sbox .txt .stc::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.5);
}

.swiper_in3 .swiper-slide .sbox .txt .stc .li {
  width: 33.33%;
  padding: 0 0.1rem 0 0.3rem;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0.2rem;
  position: relative;
  display: block;
  color: inherit;
}
.swiper_in3 .swiper-slide .sbox .txt .stc .li:hover {
  color: #17288b;
}
.swiper_in3 .swiper-slide .sbox .txt .stc .li s {
  display: block;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 10px;
  top: 10px;
}

.swiper_in3 .swiper-slide .sbox .txt .dh {
  transform: translateY(50px);
  -webkit-transform: translateY(50px);
  opacity: 0;
}

.swiper_in3 .swiper-slide-active .sbox .txt .dh {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.swiper_in3 .swiper-slide-active .sbox .txt .dh2 {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}

.swiper_in3 .swiper-slide-active .sbox .pimg {
  transform: scale(1.0002);
  -webkit-transform: scale(1.0002);
  opacity: 1;
}

.i4 .lunbo2 {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 10%;
  z-index: 3;
  color: #fff;
}

.swiper_in4 {
}

.swiper_in4 .swiper-slide {
}

.swiper_in4 .swiper-slide .sbox {
  cursor: pointer;
}

.swiper_in4 .swiper-slide .sbox .ico {
  width: 0.6rem;
}

.swiper_in4 .swiper-slide .sbox .stt {
  display: flex;
  align-items: center;
  align-content: center;
  line-height: 24px;
  margin: 0.15rem 0;
}

.swiper_in4 .swiper-slide .sbox .stt .wz {
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.swiper_in4 .swiper-slide .sbox .stt .jt {
  display: block;
  width: 0px;
  height: 20px;
  background: url(/images/svg/in_4_5.svg) center no-repeat;
  display: none;
}

.swiper_in4 .swiper-slide .sbox .xian {
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
}

.swiper_in4 .swiper-slide .sbox .xian s {
  display: block;
  width: 0%;
  height: 3px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.swiper_in4 .swiper-slide.act .sbox .stt .jt,
.swiper_in4 .swiper-slide:hover .sbox .stt .jt {
  width: 20px;
}

.swiper_in4 .swiper-slide.act .sbox .xian s,
.swiper_in4 .swiper-slide:hover .sbox .xian s {
  width: 100%;
}

.i5 {
  position: relative;
}

.i5 .flt {
  width: 50%;
  min-height: 100vh;
  padding: 1.3rem 4.16vw;
  background: url(/images/in_5bg.webp) center no-repeat;
  background-size: cover;
}

.i5 .tt {
  line-height: 22px;
  margin-bottom: 0.3rem;
  color: #0021b1;
}

.i5 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.i5 .tc {
  margin: 0.3rem 0;
  color: #666;
  line-height: 1.5;
  padding-right: 1.5rem;
}

.i5 .ul1 {
}

.i5 .ul1 .li {
  width: 47%;
  position: relative;
  line-height: 24px;
  padding: 0.2rem 0 0;
}

.i5 .ul1 .li .xian {
  display: block;
  width: 100%;
  position: relative;
  height: 1px;
  background: rgba(0, 0, 0, 0.15);
  margin-top: 0.2rem;
}

.i5 .ul1 .li .xian s {
  display: block;
  width: 0%;
  height: 3px;
  background: #17288b;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.i5 .ul1 .li .att {
  display: flex;
  align-items: center;
  align-content: center;
}

.i5 .ul1 .li .att .wz {
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.i5 .ul1 .li .att .jt {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/images/svg/dian.svg) center no-repeat;
}

.i5 .ul1 .li.act .att .wz {
  color: #17288b;
}

.i5 .ul1 .li.act .att .jt {
  background: url(/images/svg/dian2.svg) center no-repeat;
}

.i5 .ul1 .li.act .xian s {
  width: 100%;
}

.i5 .frt {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.i5 .frt .img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
}
.i5 .frt .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.i5 .frt .img .mo {
  display: none;
}
.i5 .frt .img.act {
  opacity: 1;
}

.i6 {
  padding: 1.2rem 0 1.5rem;
}

.i6 .tt {
  line-height: 22px;
  margin-bottom: 0.3rem;
  color: #0021b1;
}

.i6 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.i6 .tt2 {
  margin-bottom: 0.5rem;
}

.i6 .tt2 .anniu {
  margin-left: 1rem;
  line-height: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.i6 .tt2 .anniu .btn {
  position: relative;
  margin-right: 0.5rem;
  cursor: pointer;
  color: #666;
}

.i6 .tt2 .anniu .btn s {
  display: block;
  width: 0%;
  height: 3px;
  background: #0021b1;
  position: absolute;
  left: 0;
  bottom: 0;
}

.i6 .tt2 .anniu .btn:last-child {
  margin-right: 0;
}

.i6 .tt2 .anniu .btn.act,
.i6 .tt2 .anniu .btn:hover {
  color: #000;
}

.i6 .tt2 .anniu .btn.act s,
.i6 .tt2 .anniu .btn:hover s {
  width: 100%;
}

.i6 .tt2 .trt {
}

.i6 .tt2 .trt a {
  display: block;
  padding-right: 30px;
  line-height: 20px;
  background: url(/images/svg/in_4_6.svg) center right no-repeat;
}

.i6 .tt2 .trt :hover {
  background: url(/images/svg/in_4_7.svg) center right no-repeat;
  color: #17288b;
}

.i6 .ibtm {
}

.i6 .ibtm .ilt {
  width: 47.2%;
  position: relative;
}

.i6 .ibtm .ilt .li {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  pointer-events: none;
  opacity: 0;
  padding-top: 20px;
}

.i6 .ibtm .ilt .li a {
  display: block;
  padding: 25px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.i6 .ibtm .ilt .li a .att {
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.i6 .ibtm .ilt .li a .day {
  color: #999;
  margin-top: 10px;
  line-height: 20px;
  font-size: 16px;
}

.i6 .ibtm .ilt .li a:hover .att {
  color: #17288b;
}

.i6 .ibtm .ilt .li.act {
  pointer-events: visible;
  opacity: 1;
  top: 0px;
  position: relative;
}

.i6 .ibtm .irt {
  width: 47.2%;
  position: relative;
}

.swiper_in5 {
  width: 100%;
  border-radius: 0.18rem;
  overflow: hidden;
}
.swiper_in5 .swiper-slide{
  width: 100%!important;
}

.swiper_in5 .sbox {
  display: block;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 840 / 460;
}

.swiper_in5 .sbox img {
  transform: scale(1.00002);
  -webkit-transform: scale(1.00002);
  height: 100%;
  object-fit: cover;
}

.swiper_in5 .sbox:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.swiper_in5 .pagination_in5 {
  bottom: 30px;
}

.swiper_in5 .pagination_in5 span {
  width: 10px;
  height: 10px;
  opacity: 0.2;
  margin: 0 5px;
  background: #878787;
}

.swiper_in5 .pagination_in5 span.swiper-pagination-bullet-active {
  opacity: 1;
}

.i7 {
  padding: 0.9rem 0;
  background: url(/images/in_7_1.webp) center no-repeat;
  background-size: cover;
  text-align: center;
}

.i7 .tt {
  color: #fff;
  line-height: 1.5;
  margin-bottom: 0.35rem;
}

.i7 .tc {
}

.i7 .tc .mo {
  padding: 0 0.3rem;
  background: #fff;
  line-height: 3;
  border-radius: 30px;
}

.i7 .tc .mo .wz {
  color: #17288b;
}

.i7 .tc .mo s {
  display: block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background: url(/images/svg/in_7_1.svg) center no-repeat;
}

.i7 .tc .mo:hover {
  background: #17288b;
}

.i7 .tc .mo:hover .wz {
  color: #fff;
}

.i7 .tc .mo:hover s {
  background: url(/images/svg/in_7_2.svg) center no-repeat;
}

/* 底部 */

.footer {
  padding: 0.8rem 0;
  background: url(/images/fo_1bg.webp) center bottom no-repeat;
  background-size: cover;
}

.footer1 .flt {
  width: 20%;
  max-width: 310px;
}

.footer1 .flt .ftc1 {
  margin: 0.3rem 0 0.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.footer1 .flt .ftc1 a {
  display: block;
  width: 35px;
  height: 60px;
  background: url(/images/svg/ss2.svg) left center no-repeat;
}

.footer1 .flt .ftc1 input {
  display: block;
  width: calc(100% - 35px);
  height: 60px;
  border: 0;
  outline: none;
  color: #000;
}

.footer1 .flt .ftc1 input::placeholder {
  color: #999;
}

.footer1 .flt .ftc2 a {
  display: block;
  color: #999;
  margin-right: 0.35rem;
}

.footer1 .flt .ftc2 a:hover {
  color: #17288b;
}

.footer1 .flt .ftc3 {
  margin-top: 0.7rem;
}

.footer1 .flt .ftc3 .li {
  position: relative;
  margin-right: 10px;
  cursor: pointer;
}

.footer1 .flt .ftc3 .li .ico {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #7d7d7d;
  border-radius: 50%;
}

.footer1 .flt .ftc3 .li .ewm {
  position: absolute;
  width: 140px;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}
.footer1 .flt .ftc3 .li .ewm img {
  width: 100%;
}

.footer1 .flt .ftc3 .li:hover .ewm {
  top: 60px;
  opacity: 1;
}
.footer1 .flt .ftc3 .li:hover .ewm img {
  width: 100%;
}
.footer1 .flt .ftc3 .li:hover .ico {
  background: #17288b;
}

.footer1 .frt {
  width: 70%;
}

.footer1 .frt .li {
  padding-right: 0.7rem;
}

.footer1 .frt a {
  display: block;
  line-height: 24px;
  color: #666;
  margin-bottom: 0.2rem;
}

.footer1 .frt .ltop a {
  color: #222;
  margin-bottom: 0.3rem;
  white-space: nowrap;
}

.footer1 .frt a:hover {
  color: #17288b;
}

.footer2 {
  padding-top: 1.2rem;
  line-height: 24px;
  color: #999;
}

.footer2 .flt {
  width: 46%;
}

.footer2 .flt .ftop {
  margin-bottom: 15px;
}

.footer2 .flt .ftop a {
  display: block;
  color: #999;
}

.footer2 .flt .ftop s {
  display: block;
  width: 1px;
  height: 20px;
  margin: 0 15px;
  background: #ddd;
}

.footer2 .flt .fbtm .a {
  margin-right: 10px;
  color: #999;
}

.footer2 a:hover {
  color: #17288b !important;
}

.footer2 .fcon {
  width: 36%;
}

.footer2 .fcon .ftop {
  margin-bottom: 10px;
  color: #222;
}

.footer2 .fcon .fbtm .a {
  display: block;
  width: 50%;
  color: #999;
}

.footer2 .frt {
}

.footer2 .frt .a {
  color: #999;
}

/* 关于 */

.ab1 {
  padding: 0.8rem 0 1rem;
  background: url(/images/ab_1bg.webp) center top no-repeat;
  background-size: cover;
}

.ab1 .tt {
  line-height: 22px;
  margin-bottom: 0.3rem;
  color: #0021b1;
}

.ab1 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.ab1 .tt2 span {
  background: #999 -webkit-linear-gradient(left, #000, #000) no-repeat 0 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-size: 0 100%;
}

.ab1 .tt2.wow1 span {
  background-size: 100% 100%;
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.ab1 .tc1 {
}

.ab1 .tc1 .wenzi {
  margin: 0.3rem auto 0.2rem;
  max-width: 1040px;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  -webkit-ttransition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  -moz-transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
}

.ab1 .tc1 .wenzi .p {
  margin-bottom: 10px;
}

.ab1 .gd {
  position: relative;
}

.ab1 .gd .dian {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  top: -20px;
}

.ab1 .gd .btn {
  padding-right: 30px;
  color: #17288b;
  background: url(/images/svg/x_jt.svg) center right no-repeat;
  line-height: 20px;
  cursor: pointer;
}

.ab1.act .gd {
  display: none;
}

.ab1.act .tc1 .wenzi {
  height: 120px;
  text-align: left;
  transition: all 0.2s;
}

.ab1 .ul1 {
  max-width: 1600px;
  margin: 0 auto;
  width: 90%;
  margin-top: 1rem;
}

.ab1 .ul1 .li {
  position: relative;
  width: 31.25%;
  padding: 0.4rem 0.5rem 0.5rem;
  border-radius: 0.15rem;
  line-height: 1.5;
  background: rgba(255, 240, 235, 0.5);
  overflow: hidden;
}

.ab1 .ul1 .li .ltt {
  color: #e83e0b;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid #d9d9d9;
}

.ab1 .ul1 .li .ltc {
  line-height: 1.8;
}

.ab1 .ul1 .li .xian {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  pointer-events: none;
  border-bottom: 6px solid #e83e0b;
  border-radius: 0.2rem;
  opacity: 0;
}

.ab1 .ul1 .li:hover .xian {
  opacity: 1;
}

.ab1 .ul1 .li:nth-child(2) {
  background: rgba(235, 248, 235, 0.5);
}

.ab1 .ul1 .li:nth-child(2) .ltt {
  color: #007e3d;
}

.ab1 .ul1 .li:nth-child(2) .xian {
  border-bottom-color: #007e3d;
}

.ab1 .ul1 .li:nth-child(3) {
  background: rgba(217, 231, 249, 0.5);
}

.ab1 .ul1 .li:nth-child(3) .ltt {
  color: #17288b;
}

.ab1 .ul1 .li:nth-child(3) .xian {
  border-bottom-color: #17288b;
}

.ab2 {
  padding: 1rem 0 1.8rem;
  background: url(/images/ab_2bg.webp) center top no-repeat;
  background-size: cover;
}

.ab2 .tt {
  line-height: 22px;
  margin-bottom: 0.3rem;
  color: #0021b1;
}

.ab2 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.ab2 .aox {
  width: 90%;
  max-width: 1600px;
  margin: 0.4rem auto 0;
}

.ab2 .aox .alt {
  width: 40.625%;
  line-height: 1.5;
}
.ab2 .aox .alt .tt2 {
  white-space: nowrap;
}
.en-page .ab2 .aox .alt .tt2 {
  white-space: normal;
}

.ab2 .aox .alt .tc {
  margin: 0.3rem 0 0.8rem;
  text-align: justify;
}
.en-page .ab2 .aox .alt .tc {
  text-align: left;
  max-height: 12em;
  overflow: auto;
  width: 100%;
  box-sizing: content-box;
  padding-right: 8px;
}
.ab2 .aox .alt .ul1 {
}

.ab2 .aox .alt .ul1 .li {
  width: 42%;
  margin-right: 7.5%;
}

.ab2 .aox .alt .ul1 .li .ltop {
  line-height: 1;
  color: #17288b;
}

.ab2 .aox .alt .ul1 .li .ltop .ico {
  width: 28px;
  height: 24px;
  position: relative;
  overflow: hidden;
  margin-left: 10px;
}

.ab2 .aox .alt .ul1 .li .ltop .ico span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: -100%;
  background: url(/images/svg/s_jt.svg) center no-repeat;
  animation: shang 1.5s linear infinite;
  -webkit-animation: shang 1.5s linear infinite;
}

.ab2 .aox .alt .ul1 .li .lbtm {
  padding-top: 0.2rem;
  margin-top: 0.2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.ab2 .aox .art {
  width: 53.125%;
}

.ab3 {
  padding: 1rem 0 1.5rem;
  background: url(/images/ab_3bg.webp) center no-repeat;
  background-size: cover;
}

.ab3 .tt {
  line-height: 22px;
  margin-bottom: 0.3rem;
  color: #0021b1;
}

.ab3 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.ab3 .aox {
  width: 90%;
  margin: 0 auto;
  max-width: 1600px;
}

.ab3 .aox1 {
  margin: 0.8rem 0 0.5rem;
  line-height: 1.5;
}

.ab3 .aox1.status1 .att{
  width: 70%;
}

.ab3 .aox2 {
  border-radius: 200px;
  background: linear-gradient(90deg, #eaf3ff 0%, #f2f9ff 100%);
  padding: 0.6rem 0;
  line-height: 1.5;
  position: relative;
}

.ab3 .aox2 .aox {
  width: 100%;
  padding: 0 1.16rem;
  max-width: 100%;
}

.ab3 .aox2 .alt {
  width: 45%;
}

.ab3 .aox2 .alt .atc1 {
  margin-top: 0.2rem;
  padding-top: 0.2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #666;
}

.ab3 .aox2 .art {
  width: 46%;
}

.ab3 .aox2 .art2{
  position: absolute;
  height: calc(609 / 283.5 * 100%);
  right: -10.7%;
  top: -96.9%;
}

.ab3 .aox3 {
  line-height: 1.5;
  color: #666;
  margin: 0.5rem 0;
}

.ab3 .aox3 .alt {
  width: 46.875%;
}

.ab3 .aox3 .art {
  width: 46.875%;
}

.ab3 .aox4 {
  text-align: right;
  line-height: 1.3;
}

.ab3 .aox4 .atc {
  margin-top: 10px;
}

.ab4 {
  padding: 1rem 0 1px;
}

.ab4 .tt {
  line-height: 22px;
  margin-bottom: 0.5rem;
  color: #0021b1;
}

.ab4 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.ab4 .dl1 {
  margin-bottom: 0.5rem;
}

.ab4 .dl1 .dt {
  width: 50%;
}

.ab4 .dl1 .dt img {
  display: block;
  width: 100%;
  border-radius: 15px;
}

.ab4 .dl1 .dd {
  width: 50%;
  padding: 0 1rem 0 0.8rem;
}

.ab4 .dl1 .dd .dtop {
  color: #17288b;
  line-height: 1.2;
  margin-bottom: 0.3rem;
}

.ab4 .dl1 .dd .dbtm {
  line-height: 1.5;
}

.ab4 .dl1 .dd .dbtm .li {
  position: relative;
  padding: 0.2rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ab4 .dl1 .dd .dbtm .li .llt {
  width: 1.5rem;
  color: #17288b;
}

.ab4 .dl1 .dd .dbtm .li .lrt {
  width: calc(100% - 1.5rem);
}

.ab4 .dl1 .dd .dbtm .li .lrt .ltc {
  color: #666;
  margin-top: 10px;
}

.ab4 .dl1 .dd .dbtm .li s {
  display: block;
  width: 0%;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: #17288b;
}

.ab4 .dl1 .dd .dbtm .li:hover s {
  width: 100%;
}

.ab4 .dl1 .dd .dbtm .li:hover .lrt .ltt {
  color: #17288b;
}

.ab4 .dl1:nth-child(2n-1) {
  flex-direction: row-reverse;
}

/* ============================================================
   生长历程 — 轮播版 (swiper_ab11 + 时间轴 swiper_ab12)
   ============================================================ */
.ab4 .lunbo1 {
  position: relative;
}

.swiper_ab11 {
  width: 100%;
  overflow: hidden;
}

.swiper_ab11 .swiper-slide .sbox {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
}
.swiper_ab11::after {
  content: '';
  display: block;
  width: 2px;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 222;
  background: #fff;
}
.swiper_ab11 .swiper-slide .sbox .slt {
  width: 50%;
  aspect-ratio: 880 / 550;
}

.swiper_ab11 .swiper-slide .sbox .slt img {
  border-radius: 0.15rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper_ab11 .swiper-slide .sbox .srt {
  width: 50%;
  padding: 0.5rem 0.8rem;
  line-height: 1.2;
  aspect-ratio: 880 / 550;
  height: stretch;
  display: flex;
  flex-direction: column;
}

.swiper_ab11 .swiper-slide .sbox .srt .stt {
  color: #17288b;
  flex-shrink: 0;
}

.swiper_ab11 .swiper-slide .sbox .srt .year {
  color: #17288b;
  margin-bottom: 0.1rem;
  flex-shrink: 0;
}

.swiper_ab11 .swiper-slide .sbox .srt .stc {
  padding-top: 0.3rem;
  margin-top: 0.3rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #666;
  line-height: 1.56;
  text-align: justify;
  white-space: pre-wrap;
  overflow: auto;
  flex-grow: 1;
  height: 0;
  padding-right: 5px;
}
.en-page .swiper_ab11 .swiper-slide .sbox .srt .stc {
  text-align: left;
}

.ab4 .lunbo2 {
  position: relative;
  margin-top: 0.5rem;
}

.ab4 .lunbo2 .xian {
  display: block;
  width: 100%;
  height: 1px;
  background: #d9d9d9;
  position: absolute;
  top: 25px;
  left: 0;
  z-index: 1;
}

.ab4 .aox {
  position: relative;
}

.swiper_ab12 {
  width: calc(100% - 120px);
}

.swiper_ab12 .swiper-slide .sbox {
  text-align: center;
  cursor: pointer;
}

.swiper_ab12 .swiper-slide .sbox .yuan {
  display: block;
  width: 9px;
  height: 9px;
  margin: 22px auto;
  border-radius: 50%;
  background: #d9d9d9;
  position: relative;
}

.swiper_ab12 .swiper-slide .sbox .yuan s {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(2.2);
  -webkit-transform: scale(2.2);
  background: #f5f5f5;
  border-radius: 50%;
  z-index: -1;
}

.swiper_ab12 .swiper-slide .sbox .wz {
  text-align: center;
  color: #666;
  font-size: 0.24rem;
  line-height: 36px;
}

.swiper_ab12 .swiper-slide.act .sbox .wz {
  color: #17288b;
  font-size: 0.36rem;
}

.swiper_ab12 .swiper-slide.act .sbox .yuan s {
  background: #17288b;
  opacity: 0.2;
}

.swiper_ab12 .swiper-slide.act .sbox .yuan {
  background: #17288b;
}

.ab4 .lunbo2 .btn {
  display: block;
  width: 50px;
  height: 50px;
  background: #fff url(../images/svg/lb_jt5.svg) center no-repeat;
  background-size: 10px;
  border-radius: 50%;
  border: 2px solid #f0f0f0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
  cursor: pointer;
}

.ab4 .lunbo2 .prev_ab12 {
  left: 0;
  right: auto;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.ab4 .lunbo2 .btn:hover {
  background: #17288b url(/images/svg/lb_jt4.svg) center no-repeat;
  background-size: 10px;
  border-radius: 50%;
  border: 2px solid #17288b;
}

.ab5 {
  padding: 1rem 0;
}

.ab5 .tt {
  line-height: 60px;
  margin-bottom: 0.5rem;
  color: #0021b1;
  position: relative;
}

.ab5 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.ab5 .tt .anniu {
  width: 1.3rem;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -0.3rem;
}

.ab5 .tt .anniu .btn {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: #fff url(../images/svg/lb_jt3.svg) center no-repeat;
  background-size: 0.1rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
}

.ab5 .tt .anniu .btn:hover {
  background: #fff url(../images/svg/lb_jt2.svg) center no-repeat;
}

.ab5 .tt .anniu .prev_ab1 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.swiper_ab1 {
  padding-bottom: 0.2rem;
}

.swiper_ab1 .ul1 {
}

.swiper_ab1 .ul1 .li {
  position: relative;
  height: 80px;
  width: 14.2%;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  margin: 0 2.96% 2.96% 0;
  cursor: pointer;
}

.swiper_ab1 .ul1 .li s {
  display: block;
  width: 0.35rem;
  height: 100%;
  background: url(/images/svg/ab_1_1.svg) center no-repeat;
  background-size: 0.35rem;
}

.swiper_ab1 .ul1 .li s:last-child {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.swiper_ab1 .ul1 .li:nth-child(6n) {
  margin-right: 0;
}

.swiper_ab1 .ul1 .li .wz {
  text-align: center;
  width: calc(100% - 0.7rem);
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.swiper_ab1 .swiper-pagination {
  bottom: 0;
}

.swiper_ab1 .pagination_ab1 span {
  width: 10px;
  height: 10px;
  opacity: 0.2;
  margin: 0 5px;
  background: #878787;
}

.swiper_ab1 .pagination_ab1 .swiper-pagination-bullet-active {
  background: #17288b;
  opacity: 1;
}

/* 新闻 */

.new1 {
  padding: 0.8rem 0;
}

.new1 .tt {
  line-height: 22px;
  margin-bottom: 0.5rem;
  color: #0021b1;
}

.new1 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.swiper_new1 {
  padding-bottom: 50px;
}

.swiper_new1 .swiper-slide {
}

.swiper_new1 .swiper-slide .sbox {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 0.5rem;
}

.swiper_new1 .swiper-slide .sbox .txt {
  width: 57%;
  padding: 0 1rem 0 1.7rem;
  background: #e8eef8;
  line-height: 1.5;
  margin-left: 43%;
  /* min-height: 4.6rem; */
  aspect-ratio: 1002 / 460;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.swiper_new1 .swiper-slide .sbox .txt .stt {
  line-height: 1.5;
  height: 3em;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.swiper_new1 .swiper-slide .sbox .txt .day {
  line-height: 1.2;
  margin: .2rem 0 .6rem;
  color: #17288b;
}

.swiper_new1 .swiper-slide .sbox .txt .mo {
  width: 1.7rem;
  line-height: 3;
  background: #17288b;
  color: #fff;
  border-radius: 0.6rem;
}

.swiper_new1 .swiper-slide .sbox .txt .mo s {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/images/svg/lb_jt1.svg) center no-repeat;
  margin-left: 0.1rem;
}

.swiper_new1 .swiper-slide .sbox .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 47.2%;
  aspect-ratio: 830 / 460;
}

.swiper_new1 .swiper-slide .sbox .img img {
  display: block;
  width: 100%;
  border-radius: 15px;
  height: 100%;
  object-fit: cover;
}

.swiper_new1 .swiper-slide .sbox .img .img-text{
  position: absolute;
  line-height: 1.3;
  left: calc(60 / 830 * 100%);
  width: 44%;
  bottom: calc(173 / 830 * 100%);
  color: #17288b;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.swiper_new1 .swiper-pagination {
  bottom: 0;
}

.swiper_new1 .pagination_new1 span {
  width: 10px;
  height: 10px;
  opacity: 0.2;
  margin: 0 5px;
  background: #878787;
}

.swiper_new1 .pagination_new1 .swiper-pagination-bullet-active {
  background: #17288b;
  opacity: 1;
}

.new2 {
  padding: 0.5rem 0 1rem;
  background: #ecf1f6;
}

.new2 .new2_dw {
  position: relative;
  top: -0.72rem;
}

.new2 .ntop {
}

.new2 .ntop .nlt {
}

.new2 .ntop .nlt a {
  display: block;
  line-height: 80px;
  position: relative;
  margin-right: 0.6rem;
}

.new2 .ntop .nlt a s {
  display: block;
  width: 0%;
  height: 3px;
  background: #17288b;
  position: absolute;
  left: 0;
  bottom: 0;
}

.new2 .ntop .nlt a.act s {
  width: 100%;
}

.new2 .ntop .nlt a.act,
.new2 .ntop .nlt a:hover {
  color: #17288b;
}

.new2 .ntop .nrt {
  width: 22%;
  height: 60px;
  background: #fff;
  border: 1px solid #c0cddd;
  border-radius: 5px;
  overflow: hidden;
}

.new2 .ntop .nrt input {
  display: block;
  width: calc(100% - 60px);
  height: 100%;
  border: 0;
  outline: none;
  padding: 0 0.3rem;
}

.new2 .ntop .nrt input::placeholder {
  color: #999;
}

.new2 .ntop .nrt a {
  display: block;
  width: 60px;
  height: 60px;
  background: url(/images/svg/ss2.svg) center no-repeat;
  cursor: pointer;
}

.new2 .ntop .nrt a:hover {
  background: url(/images/svg/ss3.svg) center no-repeat;
}

.new2 .ul1 {
  margin: 0.5rem 0 0;
}

.new2 .ul1 .li {
  width: 31%;
  margin: 0 3.5% 3.5% 0;
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  overflow: hidden;
  display: block;
}

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

.new2 .ul1 .li .img {
  border-radius: 0.15rem;
  overflow: hidden;
  aspect-ratio: 547 / 300;
}

.new2 .ul1 .li .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.0002);
  -webkit-transform: scale(1.0002);
}

.new2 .ul1 .li .txt {
  padding: 0.4rem 0.4rem 0.5rem;
}

.new2 .ul1 .li .txt .ltt {
  line-height: 36px;
  height: 72px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.3rem;
  /* transition: all 0.3s ease; */
}

.new2 .ul1 .li .txt .day {
  color: #666;
}

.new2 .ul1 .li:hover {
  background: #fff;
  border-bottom: 1px solid #fff;
  box-shadow: 0 10px 20px 0 rgba(23, 40, 139, 0.15);
}

.new2 .ul1 .li:hover .img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.new2 .ul1 .li:hover .txt {
  padding: 0.4rem 0.4rem 0.5rem;
}
.new2 .ul1 .li:hover .txt .ltt {
  color: #17288b;
}

.new2 .ul1 .li:hover {
  border-radius: 0.15rem;
}

.new2 .ul2 {
  margin: 0.5rem 0 0;
}

.new2 .ul2 .li {
  width: 32%;
  padding: 0.4rem 0.3rem;
  background: #fff;
  margin: 0 2% 2% 0;
  line-height: 1.5;
  display: block;
}

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

.new2 .ul2 .li .ltt {
  line-height: 30px;
  height: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 0.2rem;
}

.new2 .ul2 .li .ltc {
  padding-top: 0.2rem;
  line-height: 35px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #666;
}

.new2 .ul2 .li .ltc s {
  display: block;
  width: 35px;
  height: 35px;
  background: #17288b url(../images_die/svg/arrow-right-03.svg) center no-repeat;
  border-radius: 50%;
  margin-right: 10px;
  opacity: 0;
}

.new2 .ul2 .li:hover .ltt {
  color: #17288b;
}

.new2 .ul2 .li:hover .ltc s {
  opacity: 1;
}

/* 新闻详情 */

.nec1 {
  padding: 0.8rem 0 1.2rem;
  line-height: 1.5;
}

.nec1 .nox {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
}

.nec1 .ntop {
  width: 71%;
  max-width: 1020px;
}

.nec1 .ntop .tc {
  color: #888;
  margin: 0.2rem 0;
}

.nec1 .nbtm {
}

.nec1 .nbtm .nlt {
  width: 71%;
  max-width: 1020px;
  padding-top: 0.3rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  line-height: 1.78;
  color: #323232;
}

.nec1 .nbtm .nlt .tc {
  padding: 0 0 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.nec1 .nbtm .nlt .tc * {
  font-size: 18px!important;
  line-height: 1.7777777778!important;
  color: #323232!important;
}

.nec1 .nbtm .nlt .tc img {
  font-display: inline-block;
  width: auto!important;
  height: auto !important;
  display: inline-block;
}

.nec1 .nbtm .nlt .tc-attachments{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 8px;
  margin-top: .3rem;
}

.nec1 .nbtm .nlt .tc-attachments a{
  display: flex;
  align-items: center;
}
.nec1 .nbtm .nlt .tc-attachments a,
.nec1 .nbtm .nlt .tc-attachments span{
  color: #17288b!important;
}

.nec1 .nbtm .nlt .tc-attachments span{
  font-size: 16px!important;
  line-height: 2!important;
}

.nec1 .nbtm .nlt .tc-attachments a img{
  margin-right: 10px;
  flex-shrink: 0;
  width: 24px;
}

.nec1 .nbtm .nlt .tc-attachments a:hover{
  text-decoration: underline;
}

.nec1 .nbtm .nlt .tcx {
}

.nec1 .nbtm .nlt .tcx .aox {
  width: calc(100% - 2.5rem);
}

.nec1 .nbtm .nlt .tcx .aox a {
  display: block;
  line-height: 24px;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nec1 .nbtm .nlt .tcx .aox a:last-child {
  margin-bottom: 0;
}

.nec1 .nbtm .nlt .tcx .aox a:hover {
  color: #17288b;
}

.nec1 .nbtm .nlt .tcx .art {
  min-width: 1.8rem;
  padding: 0 20px;
  line-height: 3;
  background: #17288b;
  color: #fff;
  border-radius: 0.6rem;
  white-space: nowrap;
}

.nec1 .nbtm .nlt .tcx .art s {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/images/svg/lb_jt1.svg) center no-repeat;
  margin-left: 0.05rem;
}

.nec1 .nbtm .nlt .tcx .art:hover {
  background: #0021b1;
}

.nec1 .nbtm .nrt {
  width: 23%;
  padding-top: 0.3rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: sticky;
  top: 1.1rem;
}

.nec1 .nbtm .nrt .ntt {
  margin-bottom: 15px;
}

.nec1 .nbtm .nrt .ntt .huan {
  color: #666;
  padding-left: 30px;
  line-height: 24px;
  background: url(/images/svg/newc_1_1.svg) center left no-repeat;
  cursor: pointer;
}

.nec1 .nbtm .nrt .ntt .huan:hover {
  color: #17288b;
}

.nec1 .nbtm .nrt .li {
  padding: 15px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
  width: 100%;
  display: block;
}

.nec1 .nbtm .nrt .li .att {
  color: #999;
  margin-bottom: 15px;
}

.nec1 .nbtm .nrt .li .atc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nec1 .nbtm .nrt .li:hover .atc {
  color: #17288b;
}

/* 搜索效果 */

.sear1 {
  padding: 0.8rem 0 1rem;
}

.sear1 .tt {
  padding: 0 0 0.5rem;
}

.sear1 .sox {
}

.sear1 .sox .slt {
  width: 330px;
  padding: 0.3rem 0.4rem;
  background: #ecf1f6;
  border-radius: 8px;
  line-height: 30px;
  overflow: hidden;
  position: sticky;
  top: 1.1rem;
}

.sear1 .sox .slt .stt {
  padding-bottom: 5px;
}

.sear1 .sox .slt a {
  padding-left: 28px;
  background: url(/images/svg/se_1_1.svg) center left no-repeat;
  margin-top: 15px;
}

.sear1 .sox .slt a.act,
.sear1 .sox .slt a:hover {
  color: #17288b;
}

.sear1 .sox .slt a.act {
  background: url(/images/svg/se_1_2.svg) center left no-repeat;
}

.sear1 .sox .srt {
  width: calc(100% - 330px);
  padding-left: 0.5rem;
}

.sear1 .sox .srt .stop {
  padding: 0.2rem;
  background: #ecf1f6;
  border-radius: 8px;
}

.sear1 .sox .srt .stop .ss {
  margin-top: 0.2rem;
  background: #fff;
  border-radius: 5px;
  overflow: hidden;
  height: 50px;
}

.sear1 .sox .srt .stop .ss input {
  display: block;
  width: calc(100% - 50px);
  height: 100%;
  border: 0;
  outline: none;
  padding: 0 20px;
}

.sear1 .sox .srt .stop .ss .a {
  display: block;
  width: 50px;
  height: 50px;
  background: #17288b url(../images/svg/ss.svg) center no-repeat;
  cursor: pointer;
  border-radius: 5px;
}

.sear1 .sox .srt .stop .ss .a:hover {
  background: #0021b1 url(../images/svg/ss.svg) center no-repeat;
}

.sear1 .sox .srt .stop2 {
  line-height: 40px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.sear1 .sox .srt .stop2 span {
  color: #17288b;
}

.sear1 .sox .srt .ul1 {
  padding: 20px;
  margin-bottom: 0.3rem;
}

.sear1 .sox .srt .ul1 .li {
  padding: 20px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  justify-content: space-between;
}

.sear1 .sox .srt .ul1 .li .img {
  width: 3rem;
  border-radius: 8px;
  overflow: hidden;
}

.sear1 .sox .srt .ul1 .li .img img {
  display: block;
  width: 100%;
  transform: scale(1.00002);
  -webkit-transform: scale(1.00002);
}

.sear1 .sox .srt .ul1 .li .txt {
  width: calc(100% - 3.3rem);
  line-height: 34px;
}

.sear1 .sox .srt .ul1 .li .txt .att {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sear1 .sox .srt .ul1 .li .txt .atc {
  color: #999;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 10px;
}

.sear1 .sox .srt .ul1 .li2 .txt {
  width: 100%;
}

/* 执法声明 */

.law1 {
  padding: 0.8rem 0 1.2rem;
}

.law1 .sox {
  width: 90%;
  margin: 0 auto;
  max-width: 1440px;
  line-height: 1.78;
}

.law1 .sox .tt {
  text-align: center;
}

.law1 .sox .tc {
  padding-top: 0.3rem;
  margin-top: 0.2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  color: #333;
}

/* 加入我们 */

.join1 {
  position: relative;
  padding: 0.8rem 0 1.2rem;
}

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

.join1 .box {
  z-index: 5;
}

.join1 .tt {
  line-height: 22px;
  margin-bottom: 0.5rem;
  color: #0021b1;
}

.join1 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.join1 .jox {
  width: 90%;
  margin: 0 auto;
  max-width: 1600px;
}

.join1 .jox .jlt {
  width: 41%;
  line-height: 1.5;
}
.join1 .jox .jlt .jtt {
  font-size: clamp(32px, 2.34375vw, 45px);
}

.join1 .jox .jlt .jtc {
  line-height: 1.7;
  margin: 0.2rem 0 0.6rem;
}

.join1 .jox .jlt .ul1 {
}

.join1 .jox .jlt .ul1 .li {
  min-width: 1.7rem;
  padding: 0 20px;
  line-height: 3;
  background: #007e3d;
  color: #fff;
  margin-right: 0.2rem;
  border-radius: 0.6rem;
  justify-content: center;
}

.join1 .jox .jlt .ul1 .li s {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/images/svg/lb_jt1.svg) center no-repeat;
  margin-left: 5px;
}

.join1 .jox .jlt .ul1 .li:nth-child(2) {
  background: #17288b;
}

.join1 .jox .jlt .ul1 .li:hover {
  background: #0021b1;
}

.join1 .jox .jrt {
  width: 40%;
  max-width: 635px;
  position: relative;
  pointer-events: none;
}

.join1 .jox .jrt .bg {
  position: relative;
  width: 100%;
}

.join1 .jox .jrt .bg .cc {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.join1 .jox .jrt .bg .img img {
  animation: zhuan 80s linear infinite;
  -webkit-animation: zhuan 80s linear infinite;
}

.join1 .jox .jrt .bg .cc img {
  animation: zhuan2 80s linear infinite;
  -webkit-animation: zhuan2 80s linear infinite;
}

.join1 .jox .jrt .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 5;
  width: 18.58%;
}

.join1 .jox .jrt .logo img {
  display: block;
  width: 100%;
}

.join1 .jox .jrt .ul1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.join1 .jox .jrt .ul1 .li {
  width: calc(60 / 635 * 100%);
  position: absolute;
  top: calc(27 / 635 * 100%);
  left: calc(108 / 635 * 100%);
  z-index: 2;
}

.join1 .jox .jrt .ul1 .li:nth-child(2) {
  width: calc(120 / 635 * 100%);
  position: absolute;
  top: calc(-21 / 635 * 100%);
  left: calc(384 / 635 * 100%);
}

.join1 .jox .jrt .ul1 .li:nth-child(3) {
  width: calc(120 / 635 * 100%);
  position: absolute;
  top: calc(240 / 635 * 100%);
  left: calc(-60 / 635 * 100%);
}

.join1 .jox .jrt .ul1 .li:nth-child(4) {
  width: calc(80 / 635 * 100%);
  position: absolute;
  top: calc(172 / 635 * 100%);
  left: calc(131 / 635 * 100%);
}

.join1 .jox .jrt .ul1 .li:nth-child(5) {
  width: calc(80 / 635 * 100%);
  position: absolute;
  top: calc(220 / 635 * 100%);
  left: calc(455 / 635 * 100%);
}

.join1 .jox .jrt .ul1 .li:nth-child(6) {
  width: calc(120 / 635 * 100%);
  position: absolute;
  top: calc(327 / 635 * 100%);
  left: calc(548 / 635 * 100%);
}

.join1 .jox .jrt .ul1 .li:nth-child(7) {
  width: calc(120 / 635 * 100%);
  position: absolute;
  top: calc(492 / 635 * 100%);
  left: calc(48 / 635 * 100%);
}

.join1 .jox .jrt .ul1 .li:nth-child(8) {
  width: calc(80 / 635 * 100%);
  position: absolute;
  top: calc(462 / 635 * 100%);
  left: calc(237 / 635 * 100%);
}

.join1 .jox .jrt .ul1 .li:nth-child(9) {
  width: calc(120 / 635 * 100%);
  position: absolute;
  top: calc(536 / 635 * 100%);
  left: calc(416 / 635 * 100%);
}

.join1 .jox .jrt .dh {
  transform: scale(0.1);
  -webkit-transform: scale(0.1);
  opacity: 0;
}

.join1 .jox .jrt.wow1 .dh {
  transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.join1 .jox .jrt.wow1 .dh2 {
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}

.join1 .jox .jrt.wow1 .dh3 {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.join1 .jox .jrt.wow1 .dh4 {
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}

.join1 .jox .jrt.wow1 .dh5 {
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.join1 .jox .jrt.wow1 .dh6 {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}

.join1 .jox .jrt.wow1 .dh7 {
  transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
}

.join1 .jox .jrt.wow1 .dh8 {
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.join1 .jox .jrt.wow1 .dh9 {
  transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
}

.join1 .jox .jrt.wow1 .dh10 {
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
}

.join1 .jox .jrt.wow1 .dh11 {
  transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s;
}

.join1 .jox .jrt.wow1 .dh12 {
  transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s;
}

.join2 {
  position: relative;
  padding: 1rem 0;
}

.join2 .box {
  z-index: 5;
}

.join2 .tt {
  line-height: 22px;
  margin-bottom: 0.5rem;
  color: #0021b1;
}

.join2 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.join2 .jox {
  width: 90%;
  margin: 0 auto;
  max-width: 1600px;
}

.join2 .jtop {
  padding: 0.5rem 0 1rem;
}
.en-page .join2 .jtop {
  /* flex-direction: column;
  gap: 40px; */
}

.join2 .jtop .jlt {
  width: 48.75%;
  line-height: 1.3;
}

.join2 .jtop .jrt {
  width: 48.75%;
  line-height: 1.7;
}
/* .en-page .join2 .jtop .jlt,
.en-page .join2 .jtop .jrt {
  width: 100%;
} */
.join2 .ul1 {
}

.join2 .ul1 .li {
  width: 23.125%;
  padding: 0.4rem 0.4rem 0.5rem;
  position: relative;
  background: #e6ecf4;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 2.5% 2.5% 0;
  line-height: 1.4;
}

.join2 .ul1 .li:nth-child(4n) {
  margin-right: 0;
}

.join2 .ul1 .li .ico {
  width: 0.8rem;
}

.join2 .ul1 .li .ltt {
  margin: 0.3rem 0 0.15rem;
}

.join2 .ul1 .li .ltc {
  color: #666;
  white-space: pre-wrap;
  height: 5.6em;
  overflow: auto;
  box-sizing: content-box;
  width: 100%;
  padding-right: 8px;
}

.join2 .ul1 .li .k {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border-bottom: 4px solid #17288b;
  border-radius: 10px;
  pointer-events: none;
  opacity: 0;
  transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  -webkit-transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  -moz-transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
}

.join2 .ul1 .li:hover .k {
  opacity: 1;
}

.join3 {
  padding: 1rem 0;
  position: relative;
}

.join3 .tt {
  line-height: 22px;
  margin-bottom: 0.5rem;
  color: #0021b1;
}

.join3 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.join3 .jox {
  width: 90%;
  margin: 0 auto;
  max-width: 1600px;
  display: none;
}

.join3 .box {
  z-index: 5;
}

.join3 .jox {
  display: none;
}

.join3 .jox2 {
  width: 90%;
  margin: 0 auto;
  max-width: 1600px;
}
.join3 .jox2 .jtt{
  line-height: 1.3;
}

.en-page .join3 .jox2 .jtt{
  width: 57%;
}

.join3 .jox2 .jtc {
  display: flex;
  justify-content: space-between;
  margin: 10px 0 0.8rem;
  line-height: calc(50 / 24);
}

.en-page .join3 .jox2 .jtc {
  /* flex-direction: column;
  gap: 30px;
  margin-bottom: 0.6rem; */
}

.join3 .jox2 .jtc .jlt {
  width: 50%;
  color: #666;
  max-height: calc(50 / 24 * 4em);
  overflow: auto;
}
.en-page .join3 .jox2 .jtc .jlt{
  width: 57%;
}
/* .en-page .join3 .jox2 .jtc .jlt,
.en-page .join3 .jox2 .jtc .jrt {
  width: 100%;
} */
.en-page .join3 .jox2 .jtc .jrt {
  justify-content: flex-end;
}

.join3 .jox2 .jtc .jrt .btn {
  display: block;
  padding: 0 0.5rem;
  border-radius: 0.5rem;
  background: #fff;
  text-align: center;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
}

.join3 .jox2 .jtc .jrt .btn.act,
.join3 .jox2 .jtc .jrt .btn:hover {
  background: #17288b;
  color: #fff;
}

.swiper_jo11 {
  padding-bottom: 40px;
}

.swiper_jo11 .swiper-slide {
  height: auto;
  min-height: 4rem;
}

.swiper_jo11 .swiper-slide:nth-child(3n - 1) .sbox{
  flex-direction: column-reverse;
}

.swiper_jo11 .swiper-slide:nth-child(3n - 1) .sbox .stop{
  margin-top: -0.2rem;
}

.swiper_jo11 .swiper-slide:nth-child(3n - 1) .sbox .sbtm{
  margin-top: 0;
  margin-bottom: auto;
}

.swiper_jo11 .swiper-slide .sbox {
  position: relative;
  width: 100%;
  height: 100%;
  background: #ecf1f6;
  border-radius: 8px;
  padding: .5rem;
  display: flex;
  flex-direction: column;
}

.swiper_jo11 .swiper-slide .sbox .stop {
  /* position: absolute; */
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  /* padding: 0.5rem; */
}

.swiper_jo11 .swiper-slide .sbox .stop .slimg {
  width: 0.6rem;
  padding: 0.1rem;
  border-radius: 50%;
}
.swiper_jo11 .swiper-slide .sbox .stop .slimg img {
  width: 100%;
}

.swiper_jo11 .swiper-slide .sbox .stop .srimg {
  width: 2rem;
  position: relative;
}

.swiper_jo11 .swiper-slide .sbox .stop .srimg img:nth-child(1) {
  transform: scale(0.99);
  -webkit-transform: scale(0.99);
}

.swiper_jo11 .swiper-slide .sbox .stop .srimg .cc {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.swiper_jo11 .swiper-slide .sbox .sbtm {
  width: 100%;
  /* position: absolute; */
  left: 0;
  bottom: 0;
  /* padding: 0.5rem; */
  line-height: 1.5;
  z-index: 3;
  margin-top: auto;
}

.swiper_jo11 .swiper-slide .sbox .sbtm .stc {
  color: #666;
  margin-top: 0.1rem;
  max-height: 6em;
  overflow: auto;
  width: 100%;
  box-sizing: content-box;
  padding-right: 8px;
}

.swiper_jo11 .swiper-slide .sbox.fen {
  background: #fdece7;
}

.swiper_jo11 .swiper-slide .sbox.fen .sbtm {
  top: 0;
  bottom: auto;
}

.swiper_jo11 .swiper-slide .sbox.fen .stop {
  top: auto;
  bottom: 0;
  align-items: flex-end;
}

.swiper_jo11 .swiper-slide .sbox.lv {
  background: #e5f2eb;
}

.swiper_jo11 .pagination_jo11 {
  bottom: 0;
}

.swiper_jo11 .swiper-slide:nth-child(3n + 1) .sbox {
  background: #ecf1f6;
}
.swiper_jo11 .swiper-slide:nth-child(3n + 1) .sbox .stop .slimg {
  background: #17288b;
}

.swiper_jo11 .swiper-slide:nth-child(3n + 2) .sbox {
  background: #fdece7;
}
.swiper_jo11 .swiper-slide:nth-child(3n + 2) .sbox .stop .slimg {
  background: #e83e0b;
}
.swiper_jo11 .swiper-slide:nth-child(3n + 2) .sbox .stop {
  top: auto;
  bottom: 0;
  align-items: flex-end;
}
.swiper_jo11 .swiper-slide:nth-child(3n + 2) .sbox .sbtm {
  top: 0;
  bottom: auto;
}

.swiper_jo11 .swiper-slide:nth-child(3n) .sbox {
  background: #e5f2eb;
}
.swiper_jo11 .swiper-slide:nth-child(3n) .sbox .stop .slimg {
  background: #007e3d;
}

.swiper_jo11 .pagination_jo11 span {
  width: 10px;
  height: 10px;
  background: #878787;
  opacity: 0.2;
  margin: 0 5px !important;
}

.swiper_jo11 .pagination_jo11 span.swiper-pagination-bullet-active {
  opacity: 1;
  background: #17288b;
}

/* ==================== 通用头部 */

.join4 {
  padding: 1rem 0;
  overflow: hidden;
}

.join4 .tt {
  line-height: 22px;
  margin-bottom: 0.5rem;
  color: #0021b1;
}

.join4 .tt .ico {
  width: 22px;
  margin-right: 12px;
}

.join4 .lunbo {
  position: relative;
  /* overflow: hidden; */
  text-align: center;
}

.swiper16 {
  width: 520px;
  overflow: visible;
  padding-top: 50px;
}

.swiper16 .swiper-slide {
  transform-style: preserve-3d;
  perspective: 500px;
}

.swiper16 .swiper-slide .sbox {
  display: block;
}

.swiper16 .swiper-slide .sbox .img {
  width: 100%;
  overflow: hidden;
  border-radius: 0.15rem;
  aspect-ratio: 522 / 350;
}
.swiper16 .swiper-slide .sbox .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.swiper16 .swiper-slide .sbox .ltt {
  margin-top: 0.5rem;
  line-height: 42px;
  padding: 0 55px;
  opacity: 0;
  cursor: pointer;
   position: relative;
}

.swiper16 .swiper-slide .sbox .ltt span{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}

.swiper16 .swiper-slide .sbox .ltt::after {
  content: attr(data-tip);
  position: absolute;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  color: #3c3c3c;
  border: 1px solid #3c3c3c;
  padding: 6px 14px;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.3;
  white-space: nowrap;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s ease, visibility 0.1s ease;
  pointer-events: none;
}

.swiper16 .swiper-slide .sbox .ltt:hover::after {
  opacity: 1;
  visibility: visible;
}

.swiper16 .swiper-slide .sbox {
  transform: rotateY(8deg) scale(0.96);
  -webkit-transform: rotateY(8deg) scale(0.96);
  transform-origin: right center;
  -webkit-transform-origin: right center;
}

.swiper16 .swiper-slide-active .sbox {
  transform: rotateY(0deg) scale(1);
  -webkit-transform: rotateY(0deg) scale(1);
  transform-origin: center center;
  -webkit-transform-origin: center center;
}

.swiper16 .swiper-slide-active ~ .swiper-slide .sbox {
  transform: rotateY(-8deg) scale(0.96);
  -webkit-transform: rotateY(-8deg) scale(0.96);
  transform-origin: left center;
  -webkit-transform-origin: left center;
}

.swiper16 .swiper-slide-active .sbox .ltt {
  opacity: 1;
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.swiper16 .btn {
  display: block;
  width: 50px;
  height: 50px;
  background: #e8eef8 url(../images/svg/jo_4_2.svg) center no-repeat;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  cursor: pointer;
  border-radius: 50%;
}

.swiper16 .prev16 {
  left: 0;
  right: auto;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.swiper16 .btn:hover {
  background: #17288b url(../images/svg/jo_4_1.svg) center no-repeat;
}

/* 声誉 */

.ry_tanchuang {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 299;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  opacity: 0;
}

.ry_tanchuang .hezi {
  width: 100%;
  height: 100%;
  position: relative;
}

.ry_tanchuang .hezi .hox {
  width: 52%;
  max-width: 1000px;
  background: #fff;
  border-radius: 15px;
  padding: 0.8rem 0.5rem 0.5rem;
  position: relative;
}

.ry_tanchuang .hezi .hox .out {
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: url(/images/svg/out.svg) center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0.2rem;
  right: 0.2rem;
  cursor: pointer;
}

.ry_tanchuang .hezi .hox .out:hover {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.ry_tanchuang .hezi .hox .lunbo {
  position: relative;
}

.ry_tanchuang .hezi .hox .lunbo .btn {
  display: block;
  width: 40px;
  height: 40px;
  background: url(/images/svg/lb_jt4.svg) center no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  right: -1.2rem;
  cursor: pointer;
}

.ry_tanchuang .hezi .hox .lunbo .prev_ab2 {
  left: -1.2rem;
  right: auto;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.ry_tanchuang.act {
  pointer-events: visible;
  opacity: 1;
}

.swiper_ab2 {
  text-align: center;
  line-height: 1.5;
  padding-bottom: 50px;
}

.swiper_ab2 .img {
  aspect-ratio: 540 / 360;
}

.swiper_ab2 .img img {
  display: block;
  margin: 0 auto 0.5rem;
  width: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.swiper_ab2 .swiper-pagination {
  bottom: 0;
}

/* 更多 */

.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

/* 动画 */

@-webkit-keyframes zhuan {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes zhuan {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes zhuan2 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}

@keyframes zhuan2 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}

@-webkit-keyframes shang {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 100%;
  }
}

@keyframes shang {
  0% {
    bottom: -100%;
  }
  100% {
    bottom: 100%;
  }
}

@-webkit-keyframes tm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes tm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

/* 视频弹框 */

.z_tanchuang {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 130;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.z_tanchuang .tbox {
  display: table-cell;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  vertical-align: middle;
}

.z_tanchuang .tbox .modal {
  background: white;
  padding: 0px;
  display: block;
  border-radius: 5px;
  position: relative;
  width: 90%;
  width: 1200px;
  max-height: 90%;
  margin: 0 auto;
  -webkit-transform: translateY(5%);
  -moz-transform: translateY(5%);
  -ms-transform: translateY(5%);
  -o-transform: translateY(5%);
  transform: translateY(5%);
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.z_tanchuang .tbox .modal .out {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #fff url(../images/out.png) center no-repeat;
  -o-background-size: 20px;
  background-size: 20px;
  color: #000;
  font-size: 30px;
  text-align: center;
  border-radius: 50%;
  top: -20px;
  right: -20px;
  cursor: pointer;
  z-index: 5;
}

.z_tanchuang .tbox .modal .img {
  width: 100%;
  margin: 0 auto;
}

.z_tanchuang .tbox .modal .img2 {
  width: 100%;
  margin: 0 auto;
  height: 80vh;
}

.z_tanchuang .tbox .modal .img video {
  display: block;
  width: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.z_tanchuang .tbox .modal .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
}

.z_tanchuang .tbox .modal .out:hover {
  background: #fff url(../images/out2.png) center no-repeat;
  -o-background-size: 20px;
  background-size: 20px;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.z_tanchuang.act {
  visibility: visible;
  pointer-events: visible;
  opacity: 1;
}

.z_tanchuang.act .tbox .modal {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.mhead,
.mnav,
.mnav2 {
  display: none;
}

@media (max-width: 1920px) and (min-width: 768px) {
  .join2 .jtop .jlt.status1{
    font-size: calc(45 / 1920 * 100vw);
  }
}
@media (max-width: 1800px) {
  .swiper_in3 .swiper-slide .sbox .txt .sox {
    width: 56%;
  }
  .swiper_in3 .swiper-slide-active .sbox .txt .dh {
    white-space: nowrap;
  }
}

@media (max-width: 1700px) {
}

@media (max-width: 1600px) {
  .i6 .ibtm .ilt .li {
    padding-top: 0;
  }

  .i6 .ibtm .ilt .li a {
    padding: 16px 0;
  }
  .swiper_in3 .swiper-slide .sbox .txt .sox {
    width: 53%;
  }
}
@media (max-width: 1520px) {
}
@media (max-width: 1500px) {
}

@media (max-width: 1450px) {
  .i6 .ibtm .ilt .li a {
    padding: 10px 0;
  }
  .right .ul1 .li .ico{
    width: 45px;
    height: 45px;
  }
}

@media (max-width: 1300px) {
}

@media (max-width: 1200px) {
  body {
    font-size: 12px;
  }

  .wow {
    opacity: 1;
  }

  .head {
    display: none;
  }

  .box {
    width: 90%;
    min-width: 100px;
    padding: 0;
  }

  body {
    min-width: 200px;
    padding-top: 50px;
  }

  .mhead {
    display: block;
    width: 100%;
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    top: 0;
    left: 0;
    background: #fff;
    border-bottom: 1px solid #eee;
  }

  .mhead .menu {
    height: 50px;
    padding-left: 35px;
    background: url(/images/m1.webp) center no-repeat;
    background-size: 30px;
    float: right;
    cursor: pointer;
  }

  .mhead .logo {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 3;
    height: 30px;
  }

  .mhead .logo img {
    display: block;
    height: 100%;
  }

  .mhead .logo2 {
    display: block;
    position: absolute;
    top: 5px;
    height: 40px;
    left: 70px;
    z-index: 3;
    padding-left: 10px;
    border-left: 1px solid #ddd;
  }

  .mhead .logo2 img {
    display: block;
    height: 100%;
  }

  .mhead .ss {
    display: block;
    width: 50px;
    height: 50px;
    float: right;
    background: url(/images/svg/ss2.svg) center no-repeat;
  }

  .mhead .hy2 {
    display: block;
    line-height: 50px;
    float: right;
    background-size: 16px;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
  }

  .mhead.act {
    -moz-box-shadow: 0px 1px 5px #ddd;
    -webkit-box-shadow: 0px 1px 5px #ddd;
    box-shadow: 0px 1px 5px #ddd;
  }

  .mnav {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 250;
    display: block;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mnav .hei {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    cursor: pointer;
  }

  .mnav .mbox {
    width: 80%;
    height: 100%;
    overflow: auto;
    background: #fff;
    position: relative;
    z-index: 2;
    left: -100%;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mnav .mbox .ul1 li .ltop {
    position: relative;
    line-height: 50px;
    padding: 0 50px 0 15px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
  }

  .mnav .mbox .ul1 li .ltop a {
    display: block;
    width: 100%;
  }

  .mnav .mbox .ul1 li .ltop span {
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
  }

  .mnav .mbox .ul1 li .ltop span::after {
    width: 16px;
    height: 2px;
    background: #444444;
    content: '';
    position: absolute;
    right: 15px;
    top: calc(50% - 1px);
  }

  .mnav .mbox .ul1 li .ltop span::before {
    width: 2px;
    height: 16px;
    background: #444444;
    content: '';
    position: absolute;
    right: 22px;
    top: 17px;
  }

  .mnav .mbox .ul1 li .ltop span.act::before {
    opacity: 0;
  }

  .mnav .mbox .ul1 li .lbtm {
    display: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }

  .mnav .mbox .ul1 li .lbtm a {
    display: block;
    width: 100%;
    padding: 0 15px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
  }

  .mnav .mbox .ul1 li .lbtm .mcp {
    position: relative;
  }

  .mnav .mbox .ul1 li .lbtm .mcp > a {
    display: inline-block;
    width: calc(100% - 50px);
    vertical-align: top;
  }

  .mnav .mbox .ul1 li .lbtm .mcp span {
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
  }

  .mnav .mbox .ul1 li .lbtm .mcp span::after {
    width: 12px;
    height: 2px;
    background: #444444;
    content: '';
    position: absolute;
    right: 15px;
    top: 14px;
  }

  .mnav .mbox .ul1 li .lbtm .mcp span::before {
    width: 2px;
    height: 12px;
    background: #444444;
    content: '';
    position: absolute;
    right: 20px;
    top: 9px;
  }

  .mnav .mbox .ul1 li .lbtm .mcp span.act::before {
    opacity: 0;
  }

  .mnav .mbox .ul1 .lang .ltop {
    font-weight: bold;
    background: #eeeeee;
    height: 50px;
  }

  .mnav .mbox .ul1 .lang .yy {
    position: relative;
    width: 80px;
    line-height: 30px;
    top: 10px;
    left: 0px;
    z-index: 3;
    font-family: Arial, Helvetica, sans-serif;
  }

  .mnav .mbox .ul1 .lang .yy1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    padding-left: 30px;
    background: url(/images/svg/myy_1.svg) center left no-repeat;
    background-size: 20px;
  }

  .mnav .mbox .ul1 .lang .yy1 s {
    display: block;
    width: 20px;
    height: 20px;
    background: url(/images/svg/myy_3.svg) center no-repeat;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    background-size: 14px;
  }

  .mnav .mbox .ul1 .lang .yy2 {
    width: 110px;
    padding: 40px 10px 10px 40px;
    background: #fff;
    border-radius: 6px;
    position: absolute;
    top: -5px;
    left: -10px;
    z-index: -1;
    -moz-box-shadow: 0px 1px 5px #ddd;
    -webkit-box-shadow: 0px 1px 5px #ddd;
    box-shadow: 0px 1px 5px #ddd;
    display: none;
  }

  .mnav .mbox .ul1 .lang .yy.act .yy1 s {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: url(/images/svg/myy_2.svg) center no-repeat;
    background-size: 14px;
  }

  .mnav .mbox .ul1 .scxz .ltop {
    position: relative;
    display: flex;
    align-items: center;
    align-content: center;
  }

  .mnav .mbox .ul1 .scxz .ltop .i {
    height: 14px;
    margin-right: 10px;
  }

  .mnav.act {
    left: 0;
  }

  .mnav.act .mbox {
    left: 0;
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
  }

  .mnav2 {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 2000;
    display: block;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
  }

  .mnav2 .hei {
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }

  .mnav2 .mbox {
    width: 80%;
    height: 100%;
    overflow: auto;
    background: #fff;
    position: relative;
    z-index: 2;
    left: -100%;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  }

  .mnav2 .mbox .dl1 {
  }

  .mnav2 .mbox .dl1 dd {
  }

  .mnav2 .mbox .dl1 dd .dtop {
    position: relative;
    line-height: 50px;
    padding: 0 15px;
    border-bottom: 1px solid #ddd;
  }

  .mnav2 .mbox .dl1 dd .dtop a {
    display: block;
    width: 100%;
  }

  .mnav2 .mbox .dl1 dd .dbtm {
    display: none;
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
  }

  .mnav2 .mbox .dl1 dd .dbtm a {
    display: block;
    width: 100%;
    padding: 0 15px;
    line-height: 30px;
    font-size: 12px;
    color: #666;
  }

  .mnav2.act {
    left: 0;
  }

  .mnav2.act .mbox {
    left: 0;
    transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
  }

  .mnav2.act .mbox .dl1 dd .dbtm {
    display: block;
  }
  .page1 {
    display: none;
  }
  .page2 {
    display: block;
  }

  /* .swiper_in1 .sbox img{height: 100vh;} */

  .swiper_in1 .sbox .mimg {
    display: block;
  }

  .swiper_in1 .sbox .pimg {
    display: none;
  }

  .swiper_in2 .swiper-slide .sbox .txt {
    padding-bottom: 0.6rem;
  }

  .swiper_in2 .pagination_in2 {
    bottom: 30px;
    display: none;
  }

  .swiper_in2 .pagination_in2 span {
    background: #fff;
  }

  .i4 {
    padding: 50px 0 0;
    background: #fff;
  }

  .i4 .iox {
    position: relative;
    padding: 0 0 30px;
    color: #000;
  }

  .i4 .lunbo2 {
    display: none;
  }

  .swiper_in3 {
    padding-bottom: 30px;
  }

  .swiper_in3 .swiper-slide .sbox {
  }

  .swiper_in3 .swiper-slide .sbox .txt {
    position: relative;
    top: 0;
    color: #000;
    padding: 30px 0;
  }

  .swiper_in3 .swiper-slide .sbox .txt .sox {
    width: 100%;
  }

  .swiper_in3 .swiper-slide .sbox .txt .stc {
    margin-top: 0;
    justify-content: space-between;
  }

  .swiper_in3 .swiper-slide .sbox .txt .stc .li {
    width: 48%;
    margin-bottom: 4%;
    padding: 0 0 0 10px;
  }

  .swiper_in3 .swiper-slide .sbox .txt .stc .li s {
    background: #222;
    width: 3px;
    height: 3px;
    left: 0;
    border-radius: 50%;
    top: 7px;
  }

  .swiper_in3 .pagination_in3 {
    bottom: 20px;
    display: none;
  }

  .i5 .ul1 {
    /* margin-top: 200px; */
    padding: calc(321 / 650 * 100%) 5% 0 5%;
  }
  .i5 .frt {
    width: 100%;
    height: 160px;
    top: auto;
    left: 0;
    bottom: 335px;
  }

  .i5 .flt {
    width: 100%;
    padding: 50px 0;
    min-height: 100px;
    height: auto;
  }

  .i5 .flt .tt,
  .i5 .flt .tt2,
  .i5 .flt .tc {
    padding: 0 5%;
  }
  .i5 .tc {
    padding: 0;
    font-size: 14px;
  }

  .i6 {
    padding: 50px 0;
  }

  .i6 .tt2 {
    display: block;
    margin-bottom: 10px;
  }

  .i6 .tt2 .tlt {
    display: block;
  }

  .i6 .tt2 .anniu {
    margin: 0 0 20px;
    overflow: auto;
  }

  .i6 .tt2 .trt {
    display: flex;
  }

  .i6 .ibtm {
    display: block;
  }

  .i6 .ibtm .irt {
    width: 100%;
  }

  .swiper_in5 .sbox {
    height: auto;
  }

  .i6 .ibtm .ilt {
    width: 100%;
    padding-bottom: 20px;
  }

  .i6 .ibtm .ilt .li a {
    padding: 10px 0;
  }

  .swiper_in5 .pagination_in5 {
    bottom: 10px;
  }

  .i7 .tc .mo {
    padding: 0 20px;
  }

  .i7 .tt {
    font-size: 20px;
  }

  .footer1 {
    display: block;
  }

  .footer1 .flt {
    width: 100%;
    max-width: 999px;
    position: relative;
    z-index: 100;
  }

  .footer1 .flt .ftc3 .li .ewm {
    left: 100%;
  }

  .footer1 .frt {
    display: none;
  }

  .footer1 .flt .ftc1 input {
    font-size: 14px;
  }

  .footer1 .flt .ftc1 {
    margin: 20px 0;
  }

  .footer2 {
    padding-top: 20px;
    display: block;
  }

  .footer2 .flt {
    width: 100%;
  }

  .footer2 .fcon {
    width: 100%;
    margin: 10px 0;
  }

  .footer2 .fcon .ftop {
    margin-bottom: 5px;
  }

  .page {
    padding-top: 0 !important;
  }

  .ab1 .tc1 .wenzi {
    line-height: 1.65;
  }

  .ab1 {
    padding: 50px 0 30px;
  }

  .ab1 .ul1 {
    width: 100%;
    display: block;
    margin-top: 20px;
  }

  .ab1 .ul1 .li {
    width: 100%;
    margin-bottom: 20px;
  }

  .ab2 {
    padding: 0 0 50px;
  }

  .ab2 .aox {
    width: 100%;
    margin-top: 0;
    display: block;
  }

  .ab2 .aox .alt .tc {
    margin-top: 10px;
  }

  .en-page .ab2 .aox .alt .tc{
    max-height: initial;
  }

  .ab2 .aox .alt {
    width: 100%;
  }

  .ab3 .tt {
    margin-bottom: 1px;
  }

  .ab2 .aox .alt .ul1 {
    justify-content: space-between;
  }

  .ab2 .aox .alt .ul1 .li {
    margin: 0;
    width: 48%;
  }

  .ab2 .aox .art {
    width: 100%;
    margin-top: 50px;
  }

  .ab3 {
    padding: 50px 0;
  }

  .ab3 .aox {
    width: 100%;
    display: block;
  }

  .ab3 .aox1 {
    margin: 15px 0 85px;
  }
  .ab3 .aox1.status1 .att{
    width: 100%;
  }

  .ab3 .aox2 {
    padding: 30px 5%;
    display: block;
    /* border-radius: 5px; */
  }

  .ab4 {
    position: relative;
  }

  .ab4 .lunbo2 {
    margin-top: 0;
    position: absolute;
    width: 100%;
    left: 0;
    top: 30px;
    z-index: 5;
  }

  .ab4 .tt {
    margin-bottom: 120px;
  }

  .ab5 .tt {
    margin: 20px 0 0px;
  }

  .ab3 .aox2 .alt {
    width: 100%;
  }

  .ab3 .aox2 .art {
    width: 90%;
    margin: 20px auto 0;
    opacity: 0;
  }

  .ab3 .aox2 .art2{
    right: -19.7%;
  }

  .ab3 .aox3 .alt {
    width: 100%;
  }

  .ab3 .aox3 .art {
    width: 100%;
    margin-top: 10px;
  }

  .ab4 {
    padding: 0;
  }

  .swiper_ab11 .swiper-slide .sbox {
    display: block;
  }

  .swiper_ab11 .swiper-slide .sbox .slt {
    width: 100%;
  }

  .swiper_ab11 .swiper-slide .sbox .srt {
    width: 100%;
    padding: 20px 0;
    aspect-ratio: initial;
    height: auto;
  }
  .swiper_ab11 .swiper-slide .sbox .srt .stc{
    height: auto;
    padding-right: 0;
  }

  .ab4 .lunbo2 .btn {
    display: none;
  }

  .swiper_ab12 {
    width: 100%;
  }

  .ab5 {
    padding: 0 0 50px;
  }

  .swiper_ab1 .ul1 {
    justify-content: space-between;
  }

  .swiper_ab1 .ul1 .li {
    width: 49%;
    margin: 0 0 5px;
  }

  .ry_tanchuang .hezi .hox {
    width: 90%;
    padding: 60px 5% 30px;
  }

  .ry_tanchuang .hezi .hox .out {
    width: 40px;
    height: 40px;
  }

  .ry_tanchuang .hezi .hox .lunbo .btn {
    display: none;
  }

  .swiper_new1 .swiper-slide .sbox {
    background: #e8eef8;
    border-radius: 10px;
    overflow: hidden;
    padding: 0;
  }

  .swiper_new1 .swiper-slide .sbox .img {
    position: relative;
    width: 100%;
  }

  .swiper_new1 .swiper-slide .sbox .txt {
    width: 100%;
    margin: 0;
    height: auto;
    padding: 30px 5% 20px;
    aspect-ratio: initial;
    display: block;
  }

  .swiper_new1 .swiper-slide .sbox .txt .stt {
    line-height: 1.5;
    height: auto;
  }

  .swiper_new1 .swiper-slide .sbox .txt .mo {
    width: 110px;
  }

  .swiper_new1 .swiper-slide .sbox .txt .mo s {
    background-size: 10px;
  }

  .swiper_new1 {
    padding-bottom: 30px;
  }

  .new2 {
    padding: 50px 0;
  }

  .new2 .ntop {
    display: block;
  }

  .new2 .ntop .nlt {
    width: 100%;
    overflow: auto;
  }

  .new2 .ntop .nlt a {
    margin-right: 15px;
    line-height: 40px;
    font-size: 14px;
    white-space: nowrap;
  }

  .new2 .ntop .nrt {
    width: 100%;
    margin-top: 20px;
    height: 50px;
  }

  .new2 .ul1,
  .new2 .ul2 {
    display: block;
  }

  .new2 .ul1 .li,
  .new2 .ul2 .li {
    width: 100%;
    margin: 0 0 20px;
    border-radius: 10px;
  }

  .nec1 .nox {
    width: 100%;
  }

  .nec1 .ntop {
    width: 100%;
  }

  .nec1 .nbtm {
    display: block;
  }

  .nec1 .nbtm .nlt {
    width: 100%;
    padding-top: 20px;
    margin-top: 20px;
  }

  .nec1 .nbtm .nlt .tcx {
    display: block;
  }

  .nec1 .nbtm .nlt .tcx .aox {
    width: 100%;
  }

  .nec1 .nbtm .nlt .tcx .art {
    margin: 20px auto;
    width: 150px;
  }

  .nec1 .nbtm .nrt {
    width: 100%;
    margin-top: 30px;
  }

  .join1 {
    padding: 50px 0;
  }

  .join1 .jox {
    width: 100%;
    display: block;
  }

  .join1 .jox .jlt {
    width: 100%;
  }

  .join1 .jox .jrt {
    width: 85%;
    margin: 50px auto 0;
  }

  .join1 .jox .jrt .dh {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
  }

  .join2 .jox {
    width: 100%;
  }

  .join2 .jtop {
    display: block;
    padding-top: 0;
    line-height: 1.5;
    padding-bottom: 20px;
  }

  .join2 .jtop .jlt {
    width: 100%;
  }

  .join2 .jtop .jrt {
    width: 100%;
    margin-top: 10px;
  }

  .join2 .ul1 {
    justify-content: space-between;
  }

  .join2 .ul1 .li {
    width: 48%;
    margin: 0 0 4%;
  }

  .join3 {
    padding: 0;
  }

  .join3 .jox {
    width: 100%;
  }

  .join3 .jox .jlt {
    width: 100%;
  }

  .join3 .jrt {
    position: relative;
    width: 90%;
    border-radius: 0;
    left: 5%;
    top: 0;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }

  .join3 .jrt img {
    border-radius: 0;
  }

  .join3 .jox .jlt .jtc {
    margin-top: 10px;
  }

  .swiper16 {
    padding: 15px 0 0;
    width: 90%;
    overflow: hidden;
  }

  .sear1 .sox {
    display: block;
  }

  .sear1 .sox .slt {
    width: 100%;
    position: relative;
    top: 0;
  }

  .sear1 .sox .srt {
    width: 100%;
    padding: 20px 0 0;
  }

  .sear1 .sox .srt .stop {
    padding: 30px 20px;
  }

  .sear1 .sox .srt .ul1 {
    padding: 0 0 30px;
  }

  .sear1 .sox .srt .ul1 .li {
    display: block;
  }

  .sear1 .sox .srt .ul1 .li .img {
    width: 100%;
  }

  .sear1 .sox .srt .ul1 .li .txt {
    width: 100%;
    padding-top: 20px;
  }

  .join3 .jox .jlt .ul1 {
    height: auto;
  }

  .i2 .iox {
    opacity: 1;
    padding: 150px 0;
  }

  .i2 .iox .dl1 .dt {
    transform: scale(1);
    -webkit-transform: scale(1);
  }

  .i2 .iox .dh {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1;
    transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }

  .i2 .iox .dhl {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1;
  }

  .i2 .iox .dhr {
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    opacity: 1;
  }

  .i2 {
    height: auto;
    position: relative;
  }

  .swiper_in1 .sbox img {
    height: auto;
  }

  .i2 .iox .dl1 .dd {
    height: 50px;
  }

  .i2 .iox .dl1 .dd:last-child {
    height: 34px;
  }

  .i2 .iox .dl1 .dd img {
    height: 100%;
  }

  .i2 .iox .dl1 .dt img {
    margin: 0 6px;
  }

  .i2 .iox .dl1 .dt {
    position: relative;
    top: -3px;
  }

  .i2 .iox .itc br {
    display: none;
  }

  .i2 .iox .dl1 {
    margin: 20px 0 15px;
  }

  .i1_hezi {
    position: relative;
    height: auto;
  }

  .i1_hezi .hezi1 {
    position: relative;
    height: auto;
  }

  .swiper_in2 .swiper-slide {
    transform: scale(1.01);
  }

  .swiper_in2 .swiper-slide .sbox img {
    transform: scale(1.005);
    -webkit-transform: scale(1.005);
  }

  .i2 .iox .itc {
    white-space: normal;
  }

  .swiper_in1 .sbox .txt1 .tt2 {
    font-size: 48px;
  }

  .swiper_in1 .swiper-slide-active .sbox .txt2 {
    font-size: 15px;
  }

  .i2 .iox .itt1 {
    font-size: 18px;
  }

  .i2 .iox .itc {
    font-size: 12px;
    line-height: 20px;
  }

  .swiper_in3 .swiper-slide .sbox .pimg {
    width: 100%;
    height: 186px;
  }

  .swiper_in3 .swiper-slide-active .sbox .pimg {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
  }

  .swiper_in3 .swiper-slide .sbox .txt {
    padding: 0;
  }

  .swiper_in3 .swiper-slide .sbox .txt .stt {
    position: relative;
    top: -110px;
    color: #fff;
  }

  .swiper_in3 .swiper-slide .sbox .txt .stc {
    padding-top: 0;
    align-items: flex-start;
    align-content: flex-start;
    height: auto;
  }

  .swiper_in3 .swiper-slide .sbox .txt .stc .li {
    font-size: 13px;
    width: 49%;
    margin-bottom: 15px;
    line-height: 16px;
  }

  .i4 .iox .tt2 {
    position: relative;
  }

  .i4 .iox .tt2 .anniu {
    width: 1.3rem;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
  }

  .i4 .iox .tt2 .anniu .btn {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    background: #fff url(../images/svg/lb_jt3.svg) center no-repeat;
    background-size: 0.1rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    cursor: pointer;
  }

  .i4 .iox .tt2 .anniu .btn:hover {
    background: #fff url(../images/svg/lb_jt2.svg) center no-repeat;
    background-size: 0.1rem;
  }

  .i4 .iox .tt2 .anniu .prev_in3 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
  }

  .i5 .ul1 .li {
    padding-top: 0;
  }

  .i5 .ul1 .li .xian {
    margin-top: 0;
    height: 1px;
  }

  .i5 .ul1 .li .xian s {
    height: 1px;
  }

  .i5 .ul1 .li .att {
    padding: 7px 0;
  }

  .i6 .tt2 .anniu .btn {
    margin-right: 15px;
    font-size: 14px;
    white-space: nowrap;
  }

  .i6 .ibtm .ilt .li a .day {
    margin-top: 0;
  }

  .swiper_in5 .pagination_in5 span {
    width: 6px;
    height: 6px;
  }

  .footer {
    padding: 50px 0;
  }

  .footer1 .flt .ftc1 {
    margin: 10px 0;
  }

  .footer1 .flt .ftc1 input {
    height: 50px;
  }

  .footer1 .flt .ftc1 a {
    height: 50px;
  }

  .footer1 .flt .ftc3 .li .ico {
    width: 40px;
    height: 40px;
  }

  .footer1 .flt .ftc3 {
    margin-top: 25px;
  }

  .footer2 .flt .fbtm {
    margin-top: 70px;
  }

  .footer2 .fcon {
    margin: 0;
    position: relative;
    margin-top: -110px;
    margin-bottom: 70px;
  }

  .ab5 .tt .anniu {
    display: none;
  }

  .new2 .ul1 .li {
    background: #fff;
    border-bottom: 1px solid #fff;
    box-shadow: 0 10px 20px 0 rgba(23, 40, 139, 0.15);
  }

  .new2 .ul1 .li .txt .ltt {
    height: auto;
    line-height: 1.8;
  }

  .join1 .tt {
    margin-bottom: 10px;
  }

  .join2 .tt {
    margin-bottom: 10px;
  }

  .join3 .jox2 {
    width: 100%;
  }

  .join3 .tt {
    margin-bottom: 15px;
  }

  .join3 .jox2 .jtc {
    display: block;
  }

  .join3 .jox2 .jtc .jlt {
    width: 100%;
  }

  .join3 .jrt {
    width: 100%;
    left: 0;
  }

  .join3 .jox2 .jtc {
    margin: 15px 0 30px;
  }

  .swiper_jo11 .swiper-slide .sbox .stop .slimg {
    width: 50px;
  }

  .swiper_jo11 .swiper-slide .sbox .stop .srimg {
    width: calc(100% - 100px);
  }
  .swiper_jo11 .swiper-slide:nth-child(3n - 1) .sbox .stop{
    margin-top: 5px;
  }
  .swiper_jo11 .swiper-slide .sbox {
    /* height: 330px; */
  }

  .swiper16 .btn {
    width: 34px;
    height: 34px;
  }

  .join4 .tt {
    margin-bottom: 0;
  }

  .law1 .sox {
    width: 100%;
  }

  .law1 {
    padding: 50px 0 20px;
  }
}

@media (max-width: 1200px) {
  .ab1 .tt2 span {
    background: none;
    color: #222;
    -webkit-text-fill-color: #222;
  }
  .ab2 .aox .alt .tt2 {
    white-space: normal;
  }

  .en-page .join1 .jox .jlt .ul1 {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
  .en-page .join1 .jox .jlt .ul1 .li {
    width: 60%;
  }

  .swiper_ab11 .swiper-slide .sbox .srt .stc .text {
    height: calc(7 * 1.56em);
    overflow-y: scroll; /* scroll 比 auto 更容易走可样式化转动条 */
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.08);
  }
  .swiper_ab11 .swiper-slide .sbox .srt .stc .text::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 4px;
  }
  .swiper_ab11 .swiper-slide .sbox .srt .stc .text::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.08);
    border-radius: 2px;
  }
  .swiper_ab11 .swiper-slide .sbox .srt .stc .text::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.35);
    border-radius: 2px;
  }

  .en-page .swiper_ab11 .swiper-slide .sbox .srt .stc .text {
    height: 14em;
    line-height: 1.4;
  }

  .join3 .jox2 .jtc .jlt {
    margin-bottom: 30px;
  }
  .join3 .jox2 .jtc .jrt .btn {
    height: 44px;
    line-height: 44px;
  }
  .i5 .frt {
    aspect-ratio: 650 / 320;
    height: auto;
  }
  .i5 .frt .img .mo {
    display: block;
  }
  .i5 .frt .img .pc {
    display: none;
  }
  .swiper_in3 .swiper-slide-active .sbox .txt .dh {
    white-space: normal;
  }
}

@media (max-width: 768px) {
  .ab3 .aox2{
    padding: 20px 5%;
  }
  .en-page .join3 .jox2 .jtt,
  .en-page .join3 .jox2 .jtc .jlt{
    width: 100%;
  }
  .join3 .jox2 .jtc .jlt{
    max-height: initial;
  }
}
<!--耗时1787447739.6308秒-->