/* 前端白明明 */

.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_24 {
    font-size: 16px;
  }
  .f_25 {
    font-size: 17px;
  }
  .f_26 {
    font-size: 18px;
  }
  .f_27 {
    font-size: 19px;
  }
  .f_28 {
    font-size: 20px;
  }
  .f_29 {
    font-size: 21px;
  }
  .f_30 {
    font-size: 22px;
  }
  .f_31 {
    font-size: 23px;
  }
  .f_32 {
    font-size: 24px;
  }
  .f_33 {
    font-size: 21px;
  }
  .f_34 {
    font-size: 22px;
  }
  .f_35 {
    font-size: 23px;
  }
  .f_36 {
    font-size: 24px;
  }
  .f_37 {
    font-size: 25px;
  }
  .f_38 {
    font-size: 26px;
  }
  .f_39 {
    font-size: 27px;
  }
  .f_40 {
    font-size: 28px;
  }
  .f_41 {
    font-size: 29px;
  }
  .f_42 {
    font-size: 30px;
  }
  .f_43 {
    font-size: 31px;
  }
  .f_44 {
    font-size: 32px;
  }
  .f_45 {
    font-size: 33px;
  }
  .f_46 {
    font-size: 34px;
  }
  .f_47 {
    font-size: 35px;
  }
  .f_48 {
    font-size: 36px;
  }
  .f_49 {
    font-size: 37px;
  }
  .f_50 {
    font-size: 34px;
  }
  .f_51 {
    font-size: 35px;
  }
  .f_52 {
    font-size: 36px;
  }
  .f_53 {
    font-size: 37px;
  }
  .f_54 {
    font-size: 38px;
  }
  .f_55 {
    font-size: 39px;
  }
  .f_56 {
    font-size: 40px;
  }
  .f_57 {
    font-size: 41px;
  }
  .f_58 {
    font-size: 42px;
  }
  .f_59 {
    font-size: 43px;
  }
  .f_60 {
    font-size: 44px;
  }
  .f_61 {
    font-size: 45px;
  }
  .f_62 {
    font-size: 46px;
  }
  .f_63 {
    font-size: 47px;
  }
  .f_64 {
    font-size: 48px;
  }
  .f_65 {
    font-size: 49px;
  }
  .f_66 {
    font-size: 50px;
  }
  .f_67 {
    font-size: 51px;
  }
  .f_68 {
    font-size: 52px;
  }
  .f_69 {
    font-size: 53px;
  }
  .f_70 {
    font-size: 54px;
  }
  .f_71 {
    font-size: 47px;
  }
  .f_72 {
    font-size: 48px;
  }
  .f_73 {
    font-size: 49px;
  }
  .f_74 {
    font-size: 50px;
  }
  .f_75 {
    font-size: 51px;
  }
  .f_76 {
    font-size: 52px;
  }
  .f_77 {
    font-size: 53px;
  }
  .f_78 {
    font-size: 54px;
  }
  .f_79 {
    font-size: 55px;
  }
  .f_80 {
    font-size: 56px;
  }
}
@media (max-width: 960px) {
  .f_16 {
    font-size: 12px;
  }
  .f_18 {
    font-size: 14px;
  }
  .f_20 {
    font-size: 16px;
  }
  .f_33 {
    font-size: 20px;
  }
  .f_34 {
    font-size: 21px;
  }
  .f_35 {
    font-size: 22px;
  }
  .f_36 {
    font-size: 23px;
  }
  .f_37 {
    font-size: 24px;
  }
  .f_38 {
    font-size: 25px;
  }
  .f_39 {
    font-size: 26px;
  }
  .f_40 {
    font-size: 24px;
  }
  .f_41 {
    font-size: 25px;
  }
  .f_42 {
    font-size: 26px;
  }
  .f_43 {
    font-size: 27px;
  }
  .f_44 {
    font-size: 28px;
  }
  .f_45 {
    font-size: 29px;
  }
  .f_46 {
    font-size: 30px;
  }
  .f_47 {
    font-size: 31px;
  }
  .f_48 {
    font-size: 32px;
  }
  .f_49 {
    font-size: 33px;
  }
  .f_50 {
    font-size: 28px;
  }
  .f_51 {
    font-size: 29px;
  }
  .f_52 {
    font-size: 30px;
  }
  .f_53 {
    font-size: 31px;
  }
  .f_54 {
    font-size: 32px;
  }
  .f_55 {
    font-size: 33px;
  }
  .f_56 {
    font-size: 34px;
  }
  .f_57 {
    font-size: 35px;
  }
  .f_58 {
    font-size: 36px;
  }
  .f_59 {
    font-size: 37px;
  }
  .f_60 {
    font-size: 36px;
  }
  .f_61 {
    font-size: 37px;
  }
  .f_62 {
    font-size: 38px;
  }
  .f_63 {
    font-size: 39px;
  }
  .f_64 {
    font-size: 40px;
  }
  .f_65 {
    font-size: 41px;
  }
  .f_66 {
    font-size: 42px;
  }
  .f_67 {
    font-size: 43px;
  }
  .f_68 {
    font-size: 44px;
  }
  .f_69 {
    font-size: 45px;
  }
  .f_70 {
    font-size: 46px;
  }
  .f_70 {
    font-size: 42px;
  }
  .f_71 {
    font-size: 43px;
  }
  .f_72 {
    font-size: 44px;
  }
  .f_73 {
    font-size: 45px;
  }
  .f_74 {
    font-size: 46px;
  }
  .f_75 {
    font-size: 47px;
  }
  .f_76 {
    font-size: 48px;
  }
  .f_77 {
    font-size: 49px;
  }
  .f_78 {
    font-size: 50px;
  }
  .f_79 {
    font-size: 51px;
  }
  .f_80 {
    font-size: 52px;
  }
}

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: "popr";
  src: url("../fonts/Poppins-Regular.otf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "popl";
  src: url("../fonts/Poppins-Light.otf");
  font-weight: normal;
  font-style: normal;
}

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

* {
  margin: 0;
  padding: 0;
}

body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0 auto;
  overflow-x: hidden;
  position: relative;
  padding: 1rem 0 0;
  width: 100%;
  color: #333;
  font-family: "微软雅黑", 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: #333;
}

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: #00a0e9;
}

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

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

.gdt2::-webkit-scrollbar-thumb {
  background: #00a0e9;
  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%
  );
}

.f100 {
}

/*分页*/

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

.page1 span a {
  display: block;
  color: #666;
  width: 40px;
  height: 40px;
  text-decoration: none;
  font-size: 14px;
  border-radius: 3px;
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 30px;
}

.page1 span a:hover,
.page1 span.current a {
  background: #00a0e9;
  color: #fff;
  border: 1px solid #00a0e9;
}

.page1 span.current a {
  background: #00a0e9;
  color: #fff;
}

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

.page1 span input,
.page1 span .go {
  display: block;
  width: 55px;
  height: 40px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  outline: none;
  text-align: center;
  background: #fff;
  border-radius: 30px;
}

.page1 span .all {
  display: block;
  width: 160px;
  height: 40px;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  outline: none;
  text-align: center;
  background: #fff;
  border-radius: 30px;
}

.page2 {
  width: 160px;
  background: #00a0e9;
  color: #fff;
  display: block;
  margin: 0 auto;
  line-height: 40px;
  display: none;
  text-align: center;
}

.page1 span a {
  border-radius: 0;
}

.page1 span {
  margin: 0;
}

.page1 span input {
  border-radius: 6px;
}

.page1 span a:hover,
.page1 span.current a {
  background: #00a0e9;
  border: 1px solid #00a0e9;
}

.page1 span.current a {
  background: #00a0e9;
}

.page2 {
  background: #00a0e9;
}

.page1 span a.pre s {
  display: block;
  width: 21px;
  height: 21px;
  background: url(../images/svg/fy_jt.svg) center no-repeat;
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.page1 span a.pre:hover s {
  background: url(../images/svg/fy_jt2.svg) center no-repeat;
}

.page1 span a.nex s {
  display: block;
  width: 21px;
  height: 21px;
  background: url(../images/svg/fy_jt.svg) center no-repeat;
}

.page1 span a.nex:hover s {
  background: url(../images/svg/fy_jt2.svg) center no-repeat;
}

.page1 span a.pre,
.page1 span a.nex {
  width: 100px;
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.page1 span a.pre {
  border-radius: 6px 0 0 6px;
}

.page1 span a.nex {
  border-radius: 0 6px 6px 0;
}

.page1 .page-text {
  color: #333;
  margin: 0 0.08rem;
}

.page1 span.qd {
  width: 72px;
}

.page1 span.qd a {
  width: 100%;
  border-radius: 6px;
}

.a_dw {
  position: relative;
  top: -100px;
}

.box {
  max-width: 1400px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  box-sizing: border-box;
}

.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 3s cubic-bezier(0.43, 0.195, 0.02, 1);
  -webkit-ttransition: all 3s cubic-bezier(0.43, 0.195, 0.02, 1);
  -moz-transition: all 3s cubic-bezier(0.43, 0.195, 0.02, 1);
}

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

.wow {
  opacity: 0;
}

.wow1 {
  opacity: 1;
}

.fbd {
  font-weight: bold;
}

/* 头部 */

.head {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  background: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(221, 221, 221, 0.3);
  -moz-box-shadow: 0px 3px 5px 0px rgba(221, 221, 221, 0.3);
  box-shadow: 0px 3px 5px 0px rgba(221, 221, 221, 0.3);
}

.head .hox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.head .hox .logo {
  display: block;
  width: 9.2vw;
  max-width: 175px;
}

.head .hox .ul1 {
  display: flex;
  align-items: center;
  align-content: center;
}

.head .hox .ul1 li {
}

.head .hox .ul1 li .ltop a {
  display: block;
  padding: 0 1.2vw;
  line-height: 1rem;
}

.head .hox .ul1 li.act .ltop a {
  color: #00a0e9;
  font-weight: bold;
}

.head .hox .ul1 li:hover .ltop a {
  color: #00a0e9;
}

.head .hox .ul1 {
  display: flex;
  align-items: center;
  align-content: center;
}

.head .hox .ul1 li {
  position: relative;
}

.head .hox .ul1 li .ltop a {
  display: block;
  padding: 0 1.2vw;
  line-height: 1rem;
  font-size: 16px;
}

.head .hox .ul1 li.act .ltop a {
  color: #00a0e9;
  font-weight: bold;
}

.head .hox .ul1 li:hover .ltop a {
  color: #00a0e9;
}

.head .hox .ul1 li .lbtm {
  position: absolute;
  top: calc(100% + 17px);
  left: 50%;
  min-width: 160px;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: auto;
  padding: 5px 10px;
  background: #fff;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  box-shadow: 0 0 1px 1px #f3f4f6;
}

.head .hox .ul1 li .lbtm .img {
  width: 100%;
  height: 17px;
  position: absolute;
  top: -17px;
  left: 0;
  z-index: 2;
  padding-top: 10px;
}

.head .hox .ul1 li .lbtm .img .ico {
  width: 15px;
  margin: 0 auto;
}

.head .hox .ul1 li .lbtm a {
  display: block;
  transition: all 1s cubic-bezier(0.43, 0.195, 0.02, 1);
  transform: translateY(20px);
  opacity: 0;
  padding: 0 10px;
  white-space: nowrap;
  line-height: 50px;
  text-align: center;
  font-size: 16px;
  border-bottom: 1px solid #f0f0f0;
  color: #555;
}

.head .hox .ul1 li .lbtm a:nth-last-child(2) {
  border: 0;
}

.head .hox .ul1 li .lbtm a:hover {
  color: #00a0e9;
}

.head .hox .ul1 li .lbtm a:nth-child(1) {
  transition-delay: 0.05s;
}

.head .hox .ul1 li .lbtm a:nth-child(2) {
  transition-delay: 0.1s;
}

.head .hox .ul1 li .lbtm a:nth-child(3) {
  transition-delay: 0.15s;
}

.head .hox .ul1 li .lbtm a:nth-child(4) {
  transition-delay: 0.2s;
}

.head .hox .ul1 li .lbtm a:nth-child(5) {
  transition-delay: 0.25s;
}

.head .hox .ul1 li .lbtm a:nth-child(6) {
  transition-delay: 0.3s;
}

.head .hox .ul1 li .lbtm a:nth-child(7) {
  transition-delay: 0.35s;
}

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

.head .hox .ul1 li:hover .lbtm a {
  opacity: 1;
  transform: translateY(1px);
}

/*.head .hox .ul1 li:nth-child(6) {*/
/*  display: none;*/
/*}*/

.head .hox .hrt {
  display: flex;
  align-items: center;
  align-content: center;
}

.head .hox .hrt .zi {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  height: 32px;
  margin-left: 30px;
}

.head .hox .hrt .wl {
  padding: 0 14px;
  background: #00a0e9;
  border-radius: 30px;
  color: #fff;
}

.head .hox .hrt .zi .ico {
  position: relative;
}

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

.head .hox .hrt .zi .wz {
  margin-left: 8px;
}

.head .hox .hrt .zi .wz2 {
  color: #555;
  margin-left: 8px;
}

.head .hox .hrt .wl:hover {
  background: #0b7cb1;
}

.head .hox .hrt .zi:hover .ico img:nth-child(1) {
  opacity: 0;
}

.head .hox .hrt .zi:hover .ico img:nth-child(2) {
  opacity: 1;
}

.head .hox .hrt .zi:hover .wz2 {
  color: #00a0e9;
}

/* 内容 */

.i1 {
  position: relative;
}

.swiper1 {
}

.swiper1 .swiper-slide {
}

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

.swiper1 .swiper-slide .sbox img {
  width: 100%;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.swiper1 .swiper-slide .sbox .mimg {
  display: none;
}

.swiper1 .swiper-slide .sbox .txtx {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding-bottom: 0.1rem;
  line-height: 1.4;
}

.swiper1 .swiper-slide .sbox .txtx .dh {
  transform: translateY(100px);
  -webkit-transform: translateY(100px);
  opacity: 0;
}

.swiper1 .swiper-slide .sbox .txtx .stt {
  margin-bottom: 40px;
}

.swiper1 .swiper-slide-active .sbox .txtx .dh {
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.swiper1 .swiper-slide-active .sbox .txtx .dh2 {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.swiper1 .swiper-slide-active .sbox img {
  width: 100%;
  transform: scale(1.002);
  -webkit-transform: scale(1.002);
}

.swiper1 .pagination1 {
  bottom: 40px;
  width: 100%;
  padding: 0 13%;
  text-align: left;
}

.swiper1 .pagination1 span {
  opacity: 0.3;
  background: #fff;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  margin: 0 8px !important;
}

.swiper1 .pagination1 span.swiper-pagination-bullet-active {
  width: 50px;
  background: #fff;
  opacity: 1;
}

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

.i2 .ilt {
  float: left;
  width: 805px;
}

.i2 .ilt .img {
  display: flex;
  margin: 25px 0;
}

.i2 .ilt .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.i2 .ilt .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.i2 .ilt .tc {
  line-height: 26px;
  color: #555;
}

.i2 .irt {
  float: right;
}

.i2 .ul1 {
  padding: 0 50px;
  display: flex;
  align-items: center;
  align-content: center;
  margin-top: 40px;
  justify-content: space-between;
}

.i2 .ul1 li {
  width: 10.5%;
}

.i2 .ul1 li a {
  display: block;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.i2 .ul1 li a .img {
  position: relative;
  overflow: hidden;
  height: 500px;
}

.i2 .ul1 li a .img > img {
  width: auto;
  height: 100%;
  max-width: 9999px;
  object-fit: cover;
  transform: scale(1.0002);
  -webkit-transform: scale(1.0002);
}

.i2 .ul1 li a .img .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.2) url(../images/in_2_1.png) center top no-repeat;
  background-size: cover;
}

.i2 .ul1 li a .wz1 {
  position: absolute;
  width: 100%;
  left: 0;
  z-index: 2;
  top: calc(100% - 90px);
  text-align: center;
  color: #fff;
  line-height: 30px;
  opacity: 1;
}

.i2 .ul1 li a .wz2 .ico {
  width: 50px;
}

.i2 .ul1 li a .wz2 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -100px;
  opacity: 0;
  z-index: 5;
  padding: 0 0.6rem 0.5rem;
}

.i2 .ul1 li a .wz2 .ltt {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  color: #fff;
  margin-top: 20px;
  white-space: nowrap;
}

.i2 .ul1 li a .wz2 .ltt .lrt {
  display: flex;
  align-items: center;
  align-content: center;
}

.i2 .ul1 li a .wz2 .ltt .lrt s {
  display: block;
  width: 10px;
  height: 10px;
  background: url(../images/svg/mo.svg) center no-repeat;
  margin-left: 10px;
}

.i2 .ul1 li.act {
  width: 34.75%;
}

.i2 .ul1 li.act .wz1 {
  top: 100%;
  opacity: 0;
}

.i2 .ul1 li.act .wz2 {
  bottom: 0;
  opacity: 1;
}

.i2 .ul1 li.act a .img > img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.i3 {
  position: relative;
}

.i3 .imgbg {
  position: relative;
  overflow: hidden;
  background: #000;
}

.i3 .imgbg img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: 0;
}

.i3 .imgbg img:nth-child(1) {
  position: relative;
}

.i3 .imgbg img.act {
  opacity: 0.8;
  transform: scale(1.00002);
  -webkit-transform: scale(1.00002);
}

.i3 .ul1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
}

.i3 .ul1 li {
  width: 20%;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  position: relative;
  overflow: hidden;
}

.i3 .ul1 li a {
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  align-content: center;
  color: #fff;
  padding: 0.7rem 10px 0;
  position: relative;
  z-index: 3;
}

.i3 .ul1 li a .txt {
  width: 100%;
  text-align: center;
}

.i3 .ul1 li a .txt .ico {
  display: block;
  width: 50px;
  margin: 0 auto;
  height: 50px;
}

.i3 .ul1 li a .txt .att {
  margin: 20px 0 30px;
}

.i3 .ul1 li a .txt .mo {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  opacity: 0;
  position: relative;
  top: 20px;
}

.i3 .ul1 li a .txt .mo s {
  display: block;
  width: 10px;
  height: 10px;
  background: url(../images/svg/mo.svg) center no-repeat;
  margin-left: 10px;
}

.i3 .ul1 li .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
}

.i3 .ul1 li.act a .txt .mo {
  opacity: 1;
  top: 0px;
}

.i3 .ul1 li.act .bg {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.i3 .itop {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  color: #fff;
  padding-top: 70px;
}

.i3 .ilt {
  float: left;
  width: 805px;
}

.i3 .ilt .img {
  display: flex;
  margin: 25px 0;
}

.i3 .ilt .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.i3 .ilt .img .s2 {
  background: rgba(255, 255, 255, 0.7);
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.i3 .ilt .tc {
  line-height: 26px;
}

.i3 .irt {
  float: right;
}

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

.i4 .bg img {
  width: 100%;
}

.i4 .lunbo {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
}

.swiper2 {
  width: 100%;
  height: 100%;
}

.swiper2 .swiper-slide {
}

.swiper2 .swiper-slide .sbox {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.swiper2 .swiper-slide .sbox .ul1 {
}

.swiper2 .swiper-slide .sbox .ul1 li {
  width: 14.6%;
  position: absolute;
  top: 18.2%;
  left: 32.7%;
  overflow: hidden;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(2) {
  left: 48%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(3) {
  left: 63.2%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(4) {
  left: 78.5%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(n + 5) {
  top: 34.5%;
  left: 50.7%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(6) {
  left: 65.7%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(7) {
  left: 81%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(n + 8) {
  top: 50.8%;
  left: 43%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(9) {
  left: 58.4%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(10) {
  left: 73.4%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(11) {
  left: 88.7%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(n + 12) {
  top: 67%;
  left: 35.4%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(13) {
  left: 50.5%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(14) {
  left: 65.8%;
}

.swiper2 .swiper-slide .sbox .ul1 li:nth-child(15) {
  left: 81%;
}

.swiper2 .swiper-slide .sbox .ul1 li img {
  width: 100%;
  position: relative;
  left: 30px;
  opacity: 0;
}

.swiper2 .swiper-slide-active .sbox .ul1 li img {
  left: 0;
  opacity: 1;
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(2) img {
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(3) img {
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(4) img {
  transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(5) img {
  transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(6) img {
  transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(7) img {
  transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(8) img {
  transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(9) img {
  transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(10) img {
  transition-delay: 1.2s;
  -webkit-transition-delay: 1.2s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(11) img {
  transition-delay: 1.3s;
  -webkit-transition-delay: 1.3s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(12) img {
  transition-delay: 1.4s;
  -webkit-transition-delay: 1.4s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(13) img {
  transition-delay: 1.5s;
  -webkit-transition-delay: 1.5s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(14) img {
  transition-delay: 1.6s;
  -webkit-transition-delay: 1.6s;
}

.swiper2 .swiper-slide-active .sbox .ul1 li:nth-child(15) img {
  transition-delay: 1.7s;
  -webkit-transition-delay: 1.7s;
}

.swiper2 .swiper-slide-prev .sbox .ul1 li img {
  left: -30px;
  opacity: 0;
  transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.i4 {
  position: relative;
}

.i4 .itop {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0;
  z-index: 3;
}

.i4 .itop .ilt {
  float: left;
  width: 805px;
}

.i4 .itop .ilt .img {
  display: flex;
  margin: 25px 0;
}

.i4 .itop .ilt .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.i4 .itop .ilt .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.i4 .itop .ilt .tc {
  line-height: 26px;
  color: #555;
}

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

.i5 .dl1 {
  display: flex;
  width: 100%;
}

.i5 .dl1 dt {
  width: 68.75%;
  height: 800px;
  display: block;
}

.i5 .dl1 dt .dimg {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  color: #fff;
}

.i5 .dl1 dt .dimg > img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.i5 .dl1 dt .dimg .txt {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  padding: 1.1rem 0 0 13.55vw;
  display: flex;
  justify-content: space-between;
}

.i5 .dl1 dt .dimg .txt .dlt {
  width: calc(100% - 4rem);
}

.i5 .dl1 dt .dimg .txt .dlt .img {
  display: flex;
  margin: 25px 0 0.65rem;
}

.i5 .dl1 dt .dimg .txt .dlt .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.i5 .dl1 dt .dimg .txt .dlt .img .s2 {
  background: rgba(255, 255, 255, 0.7);
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.i5 .dl1 dt .dimg .txt .ul1 {
  width: 4rem;
}

.i5 .dl1 dt .dimg .txt .ul1 li {
  margin-bottom: 0.65rem;
}

.i5 .dl1 dt .dimg .txt .ul1 li .shuz {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  line-height: 1;
  margin-top: 10px;
}

.i5 .dl1 dt .dimg .txt .ul1 li .shuz .num {
  font-family: "popr";
  padding-right: 5px;
}

.i5 .dl1 dt .dimg .txt .ul1 li .shuz .daw {
  padding-bottom: 10px;
  line-height: 1.2;
}

.i5 .dl1 dd {
  width: 31.25%;
  height: 800px;
}

.i5 .dl1 dd a {
  display: block;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.i5 .dl1 dd a .img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.i5 .dl1 dd a .img img {
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(1.0002);
  -webkit-transform: scale(1.0002);
  object-fit: cover;
}

.i5 .dl1 dd a .img .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url(../images/in_5_1.png) center no-repeat;
  background-size: cover;
  opacity: 0;
}

.i5 .dl1 dd a .wz {
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2;
  position: absolute;
  color: #fff;
  line-height: 1.5;
  padding: 0.45rem 0.5rem;
  z-index: 3;
}

.i5 .dl1 dd a .wz .atc {
  margin-top: 20px;
}

.i5 .dl1 dd a:hover .img img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.i5 .dl1 dd a:hover .bg {
  opacity: 1;
}

.i6 {
  padding: 0.9rem 0 1rem;
}

.i6 .ilt {
  float: left;
  width: 805px;
}

.i6 .ilt .img {
  display: flex;
  margin: 25px 0 20px;
}

.i6 .ilt .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
  -webkit-animation: xbdh1 3s infinite linear alternate;
}

.i6 .ilt .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
  -webkit-animation: xbdh2 3s infinite linear alternate;
}

.i6 .ilt .tc {
  line-height: 26px;
  color: #555;
}

.i6 .irt {
  float: right;
}

.i6 .ibtm {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

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

.swiper3 {
}

.swiper3 .swiper-slide {
}

.swiper3 .swiper-slide .sbox {
  display: block;
  width: 100%;
  height: 460px;
  overflow: hidden;
  border-radius: 0.2rem;
  position: relative;
}

.swiper3 .swiper-slide .sbox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.0002);
  -webkit-transform: scale(1.0002);
}

.swiper3 .swiper-slide .sbox .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url(../images/in_6_1.png) center no-repeat;
  background-size: cover;
}

.swiper3 .swiper-slide .sbox .wz {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  color: #fff;
  padding: 0.45rem 0.45rem 50px;
}

.swiper3 .swiper-slide .sbox .wz .day {
  display: block;
  line-height: 22px;
  background: url(../images/svg/day1.svg) center left no-repeat;
  padding-left: 28px;
  font-family: arial;
}

.swiper3 .swiper-slide .sbox .wz .att {
  line-height: 2;
  margin: 10px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.swiper3 .swiper-slide .sbox .wz .atc {
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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

.swiper3 .pagination3 {
  bottom: 20px;
}

.swiper3 .pagination3 span {
  opacity: 0.3;
  background: #fff;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  margin: 0 8px !important;
}

.swiper3 .pagination3 span.swiper-pagination-bullet-active {
  width: 50px;
  background: #fff;
  opacity: 1;
}

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

.i6 .ibtm .irt .ul1 {
}

.i6 .ibtm .irt .ul1 li {
  border-bottom: 1px solid #e5e5e5;
}

.i6 .ibtm .irt .ul1 li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.i6 .ibtm .irt .ul1 li a {
  display: block;
  padding: 45px 0 4px;
}

.i6 .ibtm .irt .ul1 li a .day {
  display: block;
  line-height: 22px;
  background: url(../images/svg/day2.svg) center left no-repeat;
  padding-left: 28px;
  font-family: arial;
}

.i6 .ibtm .irt .ul1 li a .att {
  line-height: 26px;
  margin: 18px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.i6 .ibtm .irt .ul1 li a .atc {
  line-height: 28px;
  max-height: 0px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.i6 .ibtm .irt .ul1 li.act a {
  display: block;
  padding: 24px 0;
}

.i6 .ibtm .irt .ul1 li.act a .att {
  color: #00a0e9;
  font-weight: bold;
}

.i6 .ibtm .irt .ul1 li.act a .atc {
  max-height: 56px;
}

/* 底部 */

.footer {
  background: url(../images/fo_bg.jpg) center no-repeat;
  background-size: cover;
}

.footer1 {
  padding: 0.6rem 0 0.4rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.footer1 .flt {
  display: block;
}

.footer1 .ul1 {
  display: flex;
}

.footer1 .ul1 li {
  position: relative;
  margin-left: 20px;
  cursor: pointer;
}

.footer1 .ul1 li .ico {
  width: 30px;
  height: 30px;
  border: 1px solid #ddd;
  border-radius: 50%;
  position: relative;
}

.footer1 .ul1 li .ico img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.footer1 .ul1 li .ico img:nth-child(2) {
  opacity: 0;
}

.footer1 .ul1 li .ewm {
  width: 100px;
  position: absolute;
  bottom: 150%;
  left: 50%;
  z-index: 2;
  margin-left: -50px;
  opacity: 0;
  pointer-events: none;
}

.footer1 .ul1 li:hover .ico {
  background: #00a0e9;
  border: 1px solid #00a0e9;
}

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

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

.footer1 .ul1 li:hover .ewm {
  bottom: 130%;
  opacity: 1;
}

.footer2 {
  padding: 0.55rem 0;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}

.footer2 .ul1 {
  display: flex;
  justify-content: space-between;
}

.footer2 .ul1 li {
  padding-right: 10px;
}

.footer2 .ul1 li:last-child {
  padding-right: 10px;
}

.footer2 .ul1 li a {
  display: block;
  line-height: 22px;
  margin-bottom: 15px;
  color: #555;
}

.footer2 .ul1 li .ltop a {
  color: #000;
  margin-bottom: 30px;
}

.footer2 .ul1 li a:hover {
  color: #00a0e9;
}

/*.footer2 .ul1 li:nth-child(6) {*/
/*  display: none;*/
/*}*/

.footer3 {
  display: flex;
  justify-content: space-between;
  padding: 30px 0;
  line-height: 28px;
}

.footer3 .flt {
  width: calc(100% - 150px);
}

.footer3 .frt {
  max-width: 150px;
}

.footer3 .a {
  display: inline-block;
  color: #999;
}

.footer3 .flt .a {
  margin: 0 5px;
}

.footer3 .flt .a br{display: none;}

.footer3 .flt .a span {
  font-size: 10px;
}

.footer3 a:hover {
  color: #00a0e9;
}

/* 产品 */

.banner {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 550px;
}

.banner .pimg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner .bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  color: #fff;
}

.banner .dhh {
  width: 365px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 3;
  overflow: hidden;
}

.banner .dhh .yuan {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 12px;
  right: 0;
  background: #fff;
  border-radius: 50%;
  animation: xzdh 3s infinite linear;
  -webkit-animation: xzdh 3s infinite linear;
}

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

.nav .nox {
  display: flex;
  line-height: 2;
  flex-wrap: wrap;
}

.nav .nox a {
  display: flex;
  align-items: center;
  align-content: center;
  margin-right: 10px;
  color: #666;
}

.nav .nox a .ico {
  margin-right: 15px;
}

.nav .nox a:hover {
  color: #00a0e9;
}

.pr1 {
  padding: 0.2rem 0 1rem;
  background: url(../images/pr_1_bg.jpg) center no-repeat;
  background-size: cover;
}

.pr1 .ul1 {
  display: flex;
  padding-bottom: 0.6rem;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #dbdbdb;
}

.pr1 .ul1 li {
  width: 23.6%;
  margin-right: 25px;
}

.pr1 .ul1 li a {
  display: block;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.pr1 .ul1 li a .img {
  position: relative;
  overflow: hidden;
  height: 450px;
}

.pr1 .ul1 li a .img > img {
  width: auto;
  height: 100%;
  max-width: 9999px;
  object-fit: cover;
  transform: scale(1.0002);
  -webkit-transform: scale(1.0002);
}

.pr1 .ul1 li a .img .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.2) url(../images/in_2_1.png) center top no-repeat;
  background-size: cover;
}

.pr1 .ul1 li a .wz2 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
  z-index: 5;
  padding: 0.4rem;
}

.pr1 .ul1 li a .wz2 .ico {
  width: 50px;
}

.pr1 .ul1 li a .wz2 .ltt {
  margin-top: 20px;
}

.pr1 .ul1 li:last-child {
  margin-right: 0;
}

.pr1 .ul1 li.act {
  width: 49%;
}

.pr1 .ul1 li.act a .img > img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.pr1 .ul2 {
  display: flex;
  flex-wrap: wrap;
}

.pr1 .ul2 li {
  width: calc(calc(100% - 60px) / 4);
  margin: 25px 20px 0 0;
}

.pr1 .ul2 li a {
  display: block;
  width: 100%;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  color: #fff;
}

.pr1 .ul2 li a .img {
  position: relative;
  overflow: hidden;
  height: 450px;
}

.pr1 .ul2 li a .img > img {
  width: auto;
  height: 100%;
  max-width: 9999px;
  object-fit: cover;
  transform: scale(1.0002);
  -webkit-transform: scale(1.0002);
}

.pr1 .ul2 li a .img .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: rgba(0, 0, 0, 0.2) url(../images/in_2_1.png) center top no-repeat;
  background-size: cover;
}

.pr1 .ul2 li a .wz2 {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 1;
  z-index: 5;
  padding: 0.4rem;
}

.pr1 .ul2 li a .wz2 .ico {
  width: 50px;
}

.pr1 .ul2 li a .wz2 .ltt {
  margin-top: 20px;
}

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

.pr1 .ul2 li:hover a .img > img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

/* 产品列表 */

.prl1 {
  padding: 0.2rem 0 0.9rem;
}

.prl1 .plt {
  float: left;
  width: 47%;
  line-height: 1.5;
}

.prl1 .plt .img {
  display: flex;
  margin: 20px 0;
}

.prl1 .plt .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.prl1 .plt .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.prl1 .plt .tc {
  line-height: 26px;
  color: #555;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px dashed #ddd;
}

.prl1 .plt .tt2 {
  color: #00a0e9;
  margin-bottom: 25px;
}

.prl1 .plt .tt3 {
  color: #333;
  margin-bottom: 8px;
}

.prl1 .plt .tc2 {
  line-height: 28px;
  margin-bottom: 15px;
  color: #555;
}

.prl1 .prt {
  float: right;
  overflow: hidden;
  border-radius: 20px;
  width: 47.2%;
}

.prl1 .prt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.prl2 {
  padding: 0.8rem 0 1rem;
  background: #f9f9f9;
}

.swiper4 {
  padding-bottom: 40px;
}

.swiper4 .swiper-slide {
}

.swiper4 .swiper-slide .sbox {
  display: block;
  border-radius: 10px;
  overflow: hidden;
}

.swiper4 .swiper-slide .sbox .img {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.swiper4 .swiper-slide .sbox .img img {
  width: 100%;
  transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
}

.swiper4 .swiper-slide .sbox .txt {
  padding: 20px 0;
  background: #fff;
}

.swiper4 .swiper-slide .sbox .txt .wz {
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 3px solid #fff;
  padding-left: 27px;
}

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

.swiper4 .swiper-slide .sbox:hover .txt .wz {
  color: #00a0e9;
  border-left: 3px solid #00a0e9;
}

.swiper4 .pagination4 {
  bottom: 0px;
}

.swiper4 .pagination4 span {
  opacity: 0.3;
  background: #00a0e9;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  margin: 0 8px !important;
}

.swiper4 .pagination4 span.swiper-pagination-bullet-active {
  width: 50px;
  opacity: 1;
}

.prc1 {
  padding: 0.2rem 0 0.8rem;
}

.prc1 .plt .tc {
  border: 0;
}

.prc1 .plt {
  width: calc(100% - 660px);
  padding-right: 5%;
}

.prc1 .prt {
  border-radius: 20px;
  position: relative;
  width: 660px;
}

.prc1 .prt:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  border: 1px solid #ddd;
  border-radius: 20px;
}

.swiper5 {
  padding-bottom: 40px;
}

.swiper5 .swiper-slide {
  height: auto;
}

.swiper5 .swiper-slide .sbox {
  display: block;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  height: 100%;
}

.swiper5 .swiper-slide .sbox .img {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.swiper5 .swiper-slide .sbox .img img {
  width: 100%;
  transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
}

.swiper5 .swiper-slide .sbox .txt {
  padding: 20px 10px 20px 20px;
}

.swiper5 .swiper-slide .sbox .txt .stt {
  line-height: 30px;
}

.swiper5 .swiper-slide .sbox .txt .xian {
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ccc;
  margin: 15px 0;
}

.swiper5 .swiper-slide .sbox .txt .stc {
  height: 224px;
  line-height: 28px;
  overflow: auto;
  padding-right: 5px;
}

.swiper5 .swiper-slide .sbox .txt .stc::-webkit-scrollbar {
  width: 3px;
  height: 1px;
  padding: 0 2px;
}

.swiper5 .swiper-slide .sbox .txt .stc::-webkit-scrollbar-thumb {
  background: #00a0e9;
  border-radius: 20px;
}

.swiper5 .swiper-slide .sbox .txt .stc::-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%
  );
}

.swiper5 .swiper-slide .sbox .txt .stc .p {
  display: flex;
  justify-content: space-between;
}

.swiper5 .swiper-slide .sbox .txt .stc .p s {
  display: block;
  width: 4px;
  height: 4px;
  background: #555;
  border-radius: 50%;
  margin-top: 12px;
}

.swiper5 .swiper-slide .sbox .txt .stc .p .wz {
  width: calc(100% - 15px);
}

.swiper5 .pagination5 {
  bottom: 0px;
}

.swiper5 .pagination5 span {
  opacity: 0.3;
  background: #00a0e9;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  margin: 0 8px !important;
}

.swiper5 .pagination5 span.swiper-pagination-bullet-active {
  width: 50px;
  opacity: 1;
}

/* 技术服务 */

.ser1 {
  padding: 0.75rem 0 0.8rem;
}

.ser1 .img {
  display: flex;
  margin: 35px 0 40px;
}

.ser1 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.ser1 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.ser1 .dl1 {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}

.ser1 .dl1 dd {
  width: 28.6%;
  max-width: 400px;
  position: relative;
  z-index: 2;
}

.ser1 .dl1 dd .img1 {
  width: 100%;
}

.ser1 .dl1 dd .img1 img {
  width: 100%;
  border-radius: 15px;
}

.ser1 .dl1 dd .yuan {
  width: 35px;
  height: 35px;
  margin: 25px auto 0;
  position: relative;
  z-index: 2;
}

.ser1 .dl1 dd .yuan .ico {
  position: relative;
  z-index: 3;
  width: 100%;
  height: 100%;
  background: #e5e5e5;
  border-radius: 50%;
  position: relative;
}

.ser1 .dl1 dd .yuan img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.ser1 .dl1 dd .yuan img:nth-child(2) {
  opacity: 0;
}

.ser1 .dl1 dd .yuan s {
  display: block;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 50%;
  animation: suof 1.5s infinite linear;
  -webkit-animation: suof 1.5s infinite linear;
}

.ser1 .dl1 dd .wz {
  line-height: 20px;
  margin-top: 15px;
  text-align: center;
}

.ser1 .dl1 dt {
  position: relative;
  z-index: 2;
  padding-top: 6.25vw;
}

.ser1 .dl1::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed #ccc;
  position: absolute;
  left: 0;
  bottom: 50px;
  z-index: 1;
}

.ser1 .dl1 dd:hover .yuan .ico {
  background: #00a0e9;
}

.ser1 .dl1 dd:hover .yuan img:nth-child(1) {
  opacity: 0;
}

.ser1 .dl1 dd:hover .yuan img:nth-child(2) {
  opacity: 1;
}

.ser1 .dl1 dd:hover .yuan s {
  background: #d4e9f2;
}

.ser1 .dl1 dd:hover .wz {
  color: #00a0e9;
}

.ser2 {
  padding: 0.7rem 0 1rem;
  background: url(../images/ser_2.jpg) center no-repeat;
  background-size: cover;
}

.ser2 .img {
  display: flex;
  margin: 35px 0 50px;
}

.ser2 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.ser2 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.ser2 .ul1 {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 30px;
}

.ser2 .ul1 li {
  width: 23.6%;
  margin: 0 1.86% 1.86% 0;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  height: 200px;
  overflow: hidden;
  position: relative;
}

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

.ser2 .ul1 li .img1 {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #fff;
}

.ser2 .ul1 li .img1 img {
  width: 100%;
  transform: scale(1.0000002);
  -webkit-transform: scale(1.0000002);
  opacity: 0.05;
}

.ser2 .ul1 li .txt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  padding: 30px;
}

.ser2 .ul1 li .txt .ltt {
  position: relative;
  display: flex;
}

.ser2 .ul1 li .txt .ltt .ico {
  width: 24px;
  position: relative;
}

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

.ser2 .ul1 li .txt .ltt s {
  display: block;
  width: 6px;
  height: 24px;
  position: absolute;
  top: 0;
  left: -30px;
  background: #00a0e9;
  opacity: 0;
}

.ser2 .ul1 li .txt .ltt2 {
  display: block;
  line-height: 36px;
  margin: 8px 0 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ser2 .ul1 li .txt .ltc {
  width: 40px;
  height: 40px;
  background: #e5e5e5;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.ser2 .ul1 li .txt .ltc .ico {
  position: relative;
}

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

.ser2 .ul1 li .txt .ico2 {
  position: absolute;
  top: -1px;
  right: 17px;
  opacity: 0;
}

.ser2 .ul1 li:hover .img1 img {
  opacity: 0.1;
}

.ser2 .ul1 li:hover .txt .ltt s {
  opacity: 1;
}

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

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

.ser2 .ul1 li:hover .txt .ltt2 {
  color: #00a0e9;
}

.ser2 .ul1 li:hover .txt .ltc {
  background: #00a0e9;
}

.ser2 .ul1 li:hover .txt .ltc img:nth-child(1) {
  opacity: 0;
}

.ser2 .ul1 li:hover .txt .ltc img:nth-child(2) {
  opacity: 1;
}

.ser2 .ul1 li:hover .txt .ico2 {
  opacity: 1;
}

.ser2 .ul1 li:hover {
  border: 1px solid #00a0e9;
}

/* 新闻 */

.new1 {
  padding: 0.8rem 0 0.5rem;
}

.swiper6 {
  padding-bottom: 40px;
}

.swiper6 .swiper-slide {
}

.swiper6 .swiper-slide .sbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.swiper6 .swiper-slide .sbox .img {
  width: 47.2%;
  height: 420px;
  overflow: hidden;
  border-radius: 20px;
}

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

.swiper6 .swiper-slide .sbox .txt {
  width: 47.2%;
}

.swiper6 .swiper-slide .sbox .txt .day {
  display: block;
  line-height: 22px;
  background: url(../images/svg/day2.svg) center left no-repeat;
  padding-left: 28px;
  font-family: arial;
  color: #555;
}

.swiper6 .swiper-slide .sbox .txt .att {
  line-height: 46px;
  height: 92px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 18px 0;
}

.swiper6 .swiper-slide .sbox .txt .atc {
  line-height: 28px;
  height: 56px;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #555;
}

.swiper6 .swiper-slide .sbox .txt .more {
  margin-top: 0.45rem;
}

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

.swiper6 .swiper-slide .sbox:hover .txt .att {
  color: #00a0e9;
}

.swiper6 .pagination6 {
  bottom: 0px;
}

.swiper6 .pagination6 span {
  opacity: 0.3;
  background: #00a0e9;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  margin: 0 8px !important;
}

.swiper6 .pagination6 span.swiper-pagination-bullet-active {
  width: 50px;
  opacity: 1;
}

.new2 {
  padding: 0.8rem 0 1rem;
  background: #f9f9f9;
}

.new2 .ul1 {
  padding-bottom: 30px;
}

.new2 .ul1 li {
  margin-bottom: 30px;
}

.new2 .ul1 li a {
  display: flex;
  width: 100%;
  height: 205px;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.new2 .ul1 li a .img {
  width: 320px;
  height: 100%;
  overflow: hidden;
}

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

.new2 .ul1 li a .txt {
  width: calc(100% - 320px);
  padding: 30px 40px 0;
}

.new2 .ul1 li a .txt .att {
  line-height: 26px;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.new2 .ul1 li a .txt .atc {
  line-height: 28px;
  height: 56px;
  color: #555;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 15px 0;
}

.new2 .ul1 li a .txt .day {
  display: block;
  line-height: 22px;
  background: url(../images/svg/day2.svg) center left no-repeat;
  padding-left: 28px;
  font-family: arial;
  color: #555;
}

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

.new2 .ul1 li a:hover .txt .att {
  color: #00a0e9;
}

/* 新闻详情 */

.newc1 {
  background: #f9f9f9;
  padding: 10px 0 0.9rem;
}

.newc1 .ncox {
  background: #fff;
  border-radius: 20px;
  position: relative;
  padding: 0.6rem 0 1.2rem;
}

.newc1 .ncox .xian {
  display: block;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  position: absolute;
  top: 10px;
  left: 10px;
  border: 1px solid #f0f0f0;
  border-radius: 20px;
  pointer-events: none;
}

.newc1 .ncox .ncoxo {
  margin: 0 auto;
  width: 90%;
  max-width: 1000px;
  line-height: 1.5;
}

.newc1 .ncox .ncoxo .ul1 {
  display: flex;
  line-height: 20px;
  margin: 25px 0 50px;
}

.newc1 .ncox .ncoxo .ul1 li {
  display: flex;
  align-items: center;
  align-content: center;
  color: #555;
}

.newc1 .ncox .ncoxo .ul1 li .ico {
  margin-right: 8px;
}

.newc1 .ncox .ncoxo .ul1 .x {
  display: block;
  width: 1px;
  height: 18px;
  background: #ddd;
  margin: 0 30px;
}

.newc1 .ncox .ncoxo .ntc {
  padding: 0.45rem 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  color: #555;
}

.newc1 .ncox .ncoxo .ntc img {
  display: inline-block;
  height: auto;
}

.newc1 .ncox .ncoxo .nbtm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  margin-top: 35px;
}

.newc1 .ncox .ncoxo .nbtm .alt {
  display: flex;
  align-items: center;
  align-content: center;
  width: calc(50% - 100px);
  justify-content: space-between;
}

.newc1 .ncox .ncoxo .nbtm .alt s {
  display: block;
  width: 6px;
  height: 6px;
  background: #d9d9d9;
  border-radius: 50%;
}

.newc1 .ncox .ncoxo .nbtm .alt .wz {
  width: calc(100% - 15px);
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newc1 .ncox .ncoxo .nbtm .alt:hover .wz {
  color: #00a0e9;
}

.newc1 .ncox .ncoxo .nbtm .alt:hover s {
  background: #00a0e9;
}

.newc1 .ncox .ncoxo .nbtm .art .wz {
  text-align: right;
}

/* 投资者关系 */

.inv1 {
  padding: 1rem 0 1.2rem;
  background: url(../images/inv_1bg.jpg) center no-repeat;
  background-size: cover;
}

.inv1 .ilt {
  width: 48.6%;
  float: left;
  height: 380px;
  background: #fff;
  border-radius: 20px;
  padding: 0.4rem 0.4rem 0;
  display: flex;
  justify-content: space-between;
}

.inv1 .ilt .a {
  display: block;
  width: 46.7%;
}

.inv1 .ilt .a .img {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}

.inv1 .ilt .a .img img {
  width: 100%;
  transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
}

.inv1 .ilt .a .att {
  text-align: center;
  line-height: 32px;
  margin: 15px 0 20px;
}

.inv1 .ilt .a .jt {
  width: 40px;
  height: 40px;
  background: url(../images/svg/inv_1_1.svg) center no-repeat;
  margin: 0 auto;
}

.inv1 .ilt .a:hover .img img {
  width: 100%;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.inv1 .ilt .a:hover .att {
  color: #00a0e9;
}

.inv1 .ilt .a:hover .jt {
  background: url(../images/svg/inv_1_2.svg) center no-repeat;
}

.inv1 .irt {
  width: 48.6%;
  float: right;
  height: 380px;
  background: #fff;
  border-radius: 20px;
  padding: 0.3rem 0.6rem 0;
}

.inv1 .irt .tt {
  margin-bottom: 0.3rem;
}

.inv1 .irt .a {
  display: flex;
  line-height: 20px;
  flex-wrap: wrap;
  padding: 0.3rem 0;
  border-top: 1px dashed #ddd;
}

.inv1 .irt .a .ico {
  width: 30px;
}

.inv1 .irt .a .wz1 {
  width: 45px;
}

.inv1 .irt .a .wz2 {
  width: calc(100% - 75px);
  font-family: "popr";
}

.inv1 .irt .a1:hover .wz2 {
  color: #00a0e9;
}

/* 联系 */

.con1 {
  padding: 0.8rem 0;
}

.con1 .img {
  display: flex;
  margin: 35px 0 50px;
}

.con1 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.con1 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.con1 .con {
  width: 100%;
  height: 500px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  overflow: hidden;
  display: flex;
}

.con1 .con .clt {
  width: 53.5%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.con1 .con .clt img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  opacity: 0;
}

.con1 .con .clt img.act {
  transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
  opacity: 1;
}

.con1 .con .crt {
  width: 46.5%;
  height: 500px;
  padding: 0.5rem;
}

.swiper7 {
  border-bottom: 1px solid #ddd;
  margin-top: 0.45rem;
}

.swiper7 .swiper-slide {
  width: auto;
  cursor: pointer;
}

.swiper7 .swiper-slide .sbox {
  padding-bottom: 25px;
  position: relative;
  line-height: 18px;
}

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

.swiper7 .swiper-slide.act .sbox .wz {
  color: #00a0e9;
  font-weight: bold;
}

.swiper7 .swiper-slide.act .sbox s {
  width: 100%;
}

.con1 .con .crt .dl1 {
  position: relative;
  width: 100%;
  height: 280px;
  margin-top: 10px;
}

.con1 .con .crt .dl1 dd {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}

.con1 .con .crt .dl1 dd .a {
  display: flex;
  line-height: 20px;
  flex-wrap: wrap;
  padding: 0.3rem 0;
  border-bottom: 1px dashed #ddd;
}

.con1 .con .crt .dl1 dd .a .ico {
  width: 30px;
}

.con1 .con .crt .dl1 dd .a .wz1 {
  width: 45px;
}

.con1 .con .crt .dl1 dd .a .wz2 {
  width: calc(100% - 75px);
  font-family: "popr";
}

.con1 .con .crt .dl1 dd .a1:hover .wz2 {
  color: #00a0e9;
}

.con1 .con .crt .dl1 dd .a:last-child {
  border: 0;
}

.con1 .con .crt .dl1 dd.act {
  opacity: 1;
  left: 0;
  pointer-events: visible;
}

.banner_con {
  height: 570px;
  z-index: 1;
}

.banner_con .dhh2 {
  left: 0px;
  right: auto;
  bottom: -50px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}

.banner_con .txt {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  color: #fff;
  padding-top: 0.7rem;
}

.banner_con .txt .img {
  display: flex;
  margin: 35px 0 50px;
}

.banner_con .txt .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.banner_con .txt .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.con2 {
  position: relative;
  z-index: 3;
  padding-bottom: 1rem;
  margin-top: -1rem;
}

.con2 .conox {
  padding: 0.5rem;
  background: #fff;
  border-radius: 20px;
}

.con2 .list {
  margin-bottom: 50px;
}

.con2 .item {
  padding: 0 2.6vw;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  border-radius: 15px;
}

.con2 .item + .item {
  margin-top: 1.3vw;
}

.con2 .item.active .item-top {
  border-bottom: 1px dashed #e5e5e5;
}

.con2 .item.active .item-title {
  color: #00a0e9;
}

.con2 .item.active .item-title::before {
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
}

.con2 .item.active .item-btn span {
  color: #00a0e9;
}

.con2 .item.active .item-icon {
  background-image: url(../images/svg/slideDown-icon.svg);
}

.con2 .item-top {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 22px 0 30px;
}

.con2 .item-info {
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.con2 .item-title {
  line-height: 1.5;
  margin-bottom: 10px;
  position: relative;
}

.con2 .item-title::before {
  position: absolute;
  content: "";
  left: -50px;
  width: 6px;
  height: 24px;
  top: 0.25em;
  background-color: #00a0e9;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.con2 .item-text {
  color: #666;
  line-height: 1.5;
}

.con2 .item-text span + span {
  margin-left: 3.125vw;
}

.con2 .item-btn {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 10px;
}

.con2 .item-btn span {
  color: #666;
}

.con2 .item-icon {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  background: url(../images/svg/slideUp-icon.svg) no-repeat center center;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  margin-left: 15px;
}

.con2 .item-bottom {
  padding: 30px 0;
  display: none;
}

.con2 .item-bottom-ul {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-bottom: 0.1rem;
  margin-bottom: 25px;
  position: relative;
}

.con2 .item-bottom-ul .xxx {
  width: 1px;
  height: 100%;
  border-left: 1px dashed #ddd;
  position: absolute;
  top: 0;
  left: 50%;
}

.con2 .item-bottom-li {
  width: 40%;
}

.con2 .item-bottom-title {
  line-height: 1.5;
  margin-bottom: 20px;
  color: #000;
}

.con2 .item-bottom-text {
  line-height: 1.875;
  color: #666;
}

.con2 .item-mail {
  line-height: 1.875;
  color: #00a0e9;
  margin-right: 30px;
  font-family: "popr";
}

.con2 .item-mail:hover {
  text-decoration: underline;
}

.con2 .item-mail img {
  display: inline-block;
  vertical-align: sub;
  width: 1.25em;
  margin-right: 0.08rem;
}

.con2 .item.active {
  border: 1px solid #00a0e9;
}

.con2 .item.active .item-title {
  margin-bottom: 20px;
  font-weight: bold;
}

/* 关于 */

.ab1 {
  padding: 0.75rem 0 0.9rem;
  background: url(../images/ab_1bg.jpg) center no-repeat;
  background-size: cover;
}

.ab1 .img {
  display: flex;
  margin: 35px 0;
}

.ab1 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.ab1 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.ab1 .aox {
  display: flex;
  justify-content: space-between;
}

.ab1 .aox .alt {
  width: 76%;
}

.ab1 .aox .alt .atc {
  line-height: 26px;
  color: #555;
  text-align: justify;
}

.ab1 .aox .alt .atc p {
  text-indent: 2em;
}

.ab1 .aox .alt .aimg {
  margin-top: 0.5rem;
  width: 100%;
}

.ab1 .aox .alt .aimg img {
  width: 100%;
  border-radius: 20px;
}

.ab1 .aox .art {
  width: 24%;
  padding-left: 1.5rem;
}

.ab1 .aox .art .ul1 {
}

.ab1 .aox .art .ul1 li {
  margin-bottom: 35px;
}

.ab1 .aox .art .ul1 li .ltt {
  color: #555;
}

.ab1 .aox .art .ul1 li .shuz {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  line-height: 1;
  margin-top: 10px;
  position: relative;
}

.ab1 .aox .art .ul1 li .shuz .num {
  font-family: "popl";
  padding-right: 5px;
  line-height: 60px;
}

.ab1 .aox .art .ul1 li .shuz .daw {
  padding-bottom: 10px;
  line-height: 1.2;
}

.ab1 .aox .art .ul1 li .shuz .daw .f_24 {
  line-height: 0.8;
}

.ab1 .aox .art .ul1 li .shuz .ico {
  position: absolute;
  right: 105%;
  width: 0.4rem;
  top: 10px;
}

.ab2 {
  padding: 0.7rem 0 1rem;
}

.ab2 .img {
  display: flex;
  margin: 35px 0;
}

.ab2 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.ab2 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.ab2 .ul1 {
  display: flex;
  width: 100%;
  background: #e5e5e5;
  border-radius: 20px;
  border: 1px solid #ddd;
  overflow: hidden;
}

.ab2 .ul1 li {
  width: 33.33%;
  height: 460px;
  position: relative;
  overflow: hidden;
}

.ab2 .ul1 li .txt {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  text-align: center;
  line-height: 1.5;
  padding: 0.7rem 20px 0;
}

.ab2 .ul1 li .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #00a0e9;
  opacity: 0;
}

.ab2 .ul1 li .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ab2 .ul1 li .bg::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #00a0e9;
  opacity: 0.75;
}

.ab2 .ul1 li .ico {
  width: 1rem;
  height: 1rem;
  border: 1px dashed #00a0e9;
  position: relative;
  border-radius: 50%;
  margin: 0 auto 0.45rem;
}

.ab2 .ul1 li .ico img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.ab2 .ul1 li .ico img:nth-child(2) {
  opacity: 0;
}

.ab2 .ul1 li .xian {
  display: block;
  width: 30px;
  height: 1px;
  background: #ccc;
  margin: 25px auto 20px;
}

.ab2 .ul1 li .ltc {
  color: #555;
  line-height: 36px;
}

.ab2 .ul1 li:hover .bg {
  opacity: 1;
}

.ab2 .ul1 li:hover .ico {
  border: 1px dashed #fff;
}

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

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

.ab2 .ul1 li:hover .ltt,
.ab2 .ul1 li:hover .ltc {
  color: #fff;
}

.ab2 .ul1 li:hover .xian {
  background: #fff;
}

.ab3 {
  padding: 0.75rem 0;
  background: url(../images/ab3_bg.png) top center no-repeat;
  background-size: cover;
  position: relative;
}

.ab3 .dhh {
  width: 365px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  transform: scaleX(-1) rotate(-90deg);
  -webkit-transform: scaleX(-1) rotate(-90deg);
  pointer-events: none;
}

.ab3 .dhh .yuan {
  display: block;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 12px;
  right: 0;
  background: #fff;
  border-radius: 50%;
  animation: xzdh 3s infinite linear;
  -webkit-animation: xzdh 3s infinite linear;
}

.ab3 .img {
  display: flex;
  margin: 35px 0 0;
}

.ab3 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.ab3 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.ab3 .dl1 {
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  padding: 0 0 100px;
  margin-top: -20px;
}

.ab3 .dl1 dt {
  display: block;
  width: 2px;
  height: calc(100% - 60px);
  background: #00a0e9;
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -1px;
}

.ab3 .dl1 dt .jt {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
}

.ab3 .dl1 dd {
  margin-bottom: 20px;
}

.ab3 .dl1 .drt {
  position: relative;
  width: 50%;
  left: 50%;
  padding-left: 35px;
  display: flex;
  align-items: center;
  align-content: center;
  line-height: 1.5;
}

.ab3 .dl1 .drt .day {
  color: #00a0e9;
  position: relative;
  width: 100px;
}

.ab3 .dl1 .drt .wz {
  padding: 0 18px;
  min-height: 72px;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.ab3 .dl1 .drt .wz p {
  position: relative;
  padding-left: 10px;
  width: 100%;
}

.ab3 .dl1 .drt .wz p::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #222;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.ab3 .dl1 .drt .yuan {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #00a0e9;
  border-radius: 50%;
  top: 50%;
  left: -6px;
  margin-top: -6px;
}

.ab3 .dl1 .dlt {
  position: relative;
  width: 50%;
  padding-right: 35px;
  display: flex;
  align-items: center;
  align-content: center;
  line-height: 1.5;
  justify-content: flex-end;
}

.ab3 .dl1 .dlt .day {
  color: #0d2b9f;
  /* font-family: "popr"; */
  position: relative;
  width: 100px;
}

.ab3 .dl1 .dlt .wz {
  padding: 0 18px;
  min-height: 72px;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
}

.ab3 .dl1 .dlt .wz p {
  position: relative;
  padding-left: 10px;
  width: 100%;
}

.ab3 .dl1 .dlt .wz p::after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #222;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.ab3 .dl1 .dlt .yuan {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background: #fff;
  border: 2px solid #0d2b9f;
  border-radius: 50%;
  top: 50%;
  right: -6px;
  margin-top: -6px;
}

.ab3 .dl1 dd:hover .wz {
  color: #00a0e9;
}

.ab3 .dl1 dd:nth-child(14) .wz,
.ab3 .dl1 dd:nth-child(13) .wz,
.ab3 .dl1 dd:nth-child(16) .wz,
.ab3 .dl1 dd:nth-child(17) .wz {
  min-height: 120px;
}

.ab3 .dl1 dd:nth-child(14) {
  margin-top: -140px;
}

.ab3 .dl1 dd:nth-child(14) .yuan {
  border-top: 2px solid #00a0e9;
  border-right: 2px solid #00a0e9;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.ab3 .dl1 dd:nth-child(17) {
  margin-top: -140px;
}

.ab3 .dl1 dd:nth-child(17) .yuan {
  border-top: 2px solid #0d2b9f;
  border-right: 2px solid #0d2b9f;
  transform: rotate(220deg);
  -webkit-transform: rotate(220deg);
}

.ab4 {
  padding: 0.75rem 0 1.7rem;
  background: url(../images/ab_4bg.png) top center no-repeat;
  background-size: cover;
}

.ab4 .img {
  display: flex;
  margin: 35px 0 30px;
}

.ab4 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.ab4 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.swiper8 {
  padding-bottom: 20px;
}

.swiper8 .swiper-slide {
  cursor: pointer;
}

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

.swiper8 .swiper-slide .sbox .img1 {
  position: relative;
  width: 100%;
  z-index: 2;
  opacity: 0;
}

.swiper8 .swiper-slide .sbox .img1 img {
  width: auto;
  height: 200px;
  margin: 0 auto;
}

.swiper8 .swiper-slide .sbox .txt {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.swiper8 .swiper-slide .sbox .txt .ico {
  width: 0.35rem;
}

.swiper8 .swiper-slide .sbox .txt .wz {
  text-align: center;
  line-height: 1.5;
  width: calc(100% - 0.7rem);
}

.swiper8 .swiper-slide .sbox:hover .img1 {
  opacity: 1;
}

.swiper8 .swiper-slide .sbox:hover .txt {
  opacity: 0;
}

.swiper8 .pagination8 {
  bottom: 0px;
}

.swiper8 .pagination8 span {
  opacity: 0.3;
  background: #00a0e9;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  margin: 0 8px !important;
}

.swiper8 .pagination8 span.swiper-pagination-bullet-active {
  width: 50px;
  opacity: 1;
}

.ab5 {
  padding: 0.75rem 0 0.9rem;
}

.ab5 .img {
  display: flex;
  margin: 35px 0 0;
}

.ab5 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.ab5 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.ab5 .atop {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 80px;
  border-bottom: 1px solid #ddd;
  margin-top: -50px;
  margin-bottom: 40px;
}

.ab5 .atop .anniu {
  display: flex;
}

.ab5 .atop .anniu .btn {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #00a0e9;
  border-radius: 50%;
  background: url(../images/svg/lb_l.svg) center no-repeat;
  cursor: pointer;
}

.ab5 .atop .anniu .prev9 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  margin-right: 25px;
}

.ab5 .atop .anniu .btn:hover {
  background: #00a0e9 url(../images/svg/lb_b.svg) center no-repeat;
}

.swiper9 {
  padding-bottom: 40px;
}

.swiper9 .swiper-slide {
  cursor: pointer;
}

.swiper9 .swiper-slide .sbox {
  position: relative;
  display: flex;
  justify-content: space-between;
}

.swiper9 .swiper-slide .sbox .alt {
  width: 67.14%;
}

.swiper9 .swiper-slide .sbox .art {
  width: 31.42%;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}

.swiper9 .swiper-slide .sbox .img1 {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}

.swiper9 .swiper-slide .sbox .img1 img {
  display: block;
  width: 100%;
  transform: scale(1.00002);
  -webkit-transform: scale(1.00002);
}

.swiper9 .swiper-slide .sbox .img1 .txt {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url(../images/ab_5_1.png) center bottom no-repeat;
  background-size: cover;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  padding: 5% 5% 0.1rem;
  color: #fff;
  opacity: 0;
}

.swiper9 .swiper-slide .sbox .img1:hover .txt {
  padding: 5% 5% 0.2rem;
  opacity: 1;
}

.swiper9 .swiper-slide .sbox .img1:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.swiper9 .pagination9 {
  bottom: 0px;
}

.swiper9 .pagination9 span {
  opacity: 0.3;
  background: #00a0e9;
  border-radius: 4px;
  width: 8px;
  height: 8px;
  margin: 0 8px !important;
}

.swiper9 .pagination9 span.swiper-pagination-bullet-active {
  width: 50px;
  opacity: 1;
}

.ab6 {
  padding: 0.7rem 0 1rem;
  background: url(../images/ab_6bg.jpg) top center no-repeat;
  background-size: cover;
}

.ab6 .img {
  display: flex;
  margin: 35px 0 45px;
}

.ab6 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.ab6 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.ab6 .atop {
  display: flex;
  justify-content: space-between;
}

.ab6 .atop .alt {
  width: 43%;
}

.ab6 .atop .alt .att {
  display: flex;
  padding-bottom: 28px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #ddd;
  align-items: center;
  align-content: center;
  color: #00a0e9;
}

.ab6 .atop .alt .att .ico {
  margin-right: 15px;
}

.ab6 .atop .alt .sp1 {
  display: flex;
}

.ab6 .atop .alt .sp1 span {
  display: block;
  padding: 0 0.5rem;
  line-height: 50px;
  border: 1px solid #ddd;
  border-radius: 10px;
  cursor: pointer;
  margin-right: 20px;
}

.ab6 .atop .alt .sp1 span.act {
  background: #00a0e9;
  border: 1px solid #00a0e9;
  color: #fff;
}

.ab6 .atop .alt .ul1 {
  border-left: 1px solid #ddd;
  position: relative;
  padding-left: 40px;
  margin-top: 35px;
}

.ab6 .atop .alt .ul1 li {
  position: relative;
  line-height: 28px;
  margin-bottom: 20px;
}

.ab6 .atop .alt .ul1 li .ltt {
  position: relative;
  display: flex;
  align-items: center;
  align-content: baseline;
}

.ab6 .atop .alt .ul1 li .ltt s {
  display: block;
  width: 6px;
  height: 6px;
  background: #cccccc;
  border-radius: 50%;
  margin-right: 10px;
}

.ab6 .atop .alt .ul1 li .ltc {
  color: #555;
}

.ab6 .atop .alt .ul1 li span {
  display: block;
  width: 5px;
  height: 0%;
  background: #00a0e9;
  position: absolute;
  top: 0;
  left: -40px;
}

.ab6 .atop .alt .ul1 li.act span {
  height: 100%;
}

.ab6 .atop .alt .ul1 li.act .ltt s {
  background: #00a0e9;
}

.ab6 .atop .alt .ul1 li.act .ltt {
  color: #00a0e9;
}

.ab6 .atop .art {
  width: 43%;
}

.ab6 .atop .art .att {
  display: flex;
  padding-bottom: 28px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #ddd;
  align-items: center;
  align-content: center;
  color: #00a0e9;
}

.ab6 .atop .art .att .ico {
  margin-right: 15px;
}

.ab6 .atop .art .atc {
  color: #555;
  line-height: 28px;
}

.ab6 .atop .art .ul1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 35px;
}

.ab6 .atop .art .ul1 li {
  width: 30%;
}

.ab6 .atop .art .ul1 li {
  margin-bottom: 35px;
}

.ab6 .atop .art .ul1 li .ltt {
  color: #555;
}

.ab6 .atop .art .ul1 li .shuz {
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  line-height: 1;
  margin-top: 1px;
  position: relative;
}

.ab6 .atop .art .ul1 li .shuz .num {
  font-family: "popr";
  padding-right: 5px;
  line-height: 50px;
}

.ab6 .atop .art .ul1 li .shuz .daw {
  padding-bottom: 10px;
  line-height: 0.9;
  color: #555;
}

.ab6 .abtm {
  position: relative;
  margin: 50px auto 0;
  position: relative;
  width: calc(100% - 2rem);
}

.ab6 .abtm .btn {
  display: block;
  width: 50px;
  height: 50px;
  border: 1px solid #00a0e9;
  border-radius: 50%;
  background: url(../images/svg/lb_l.svg) center no-repeat;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: -1rem;
  margin-top: -25px;
  z-index: 3;
}

.ab6 .abtm .prev10 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  left: -1rem;
}

.ab6 .abtm .btn:hover {
  background: #00a0e9 url(../images/svg/lb_b.svg) center no-repeat;
}

.ab6 .abtm .lunbo {
  width: 22%;
  margin: 0 auto;
  position: relative;
  z-index: 5;
}

.swiper10 {
  background: url(../images/ab_6_1.jpg) center no-repeat;
  background-size: cover;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #eee;
  -webkit-box-shadow: 0px 3px 50px 0px rgba(221, 221, 221, 1);
  -moz-box-shadow: 0px 3px 50px 0px rgba(221, 221, 221, 1);
  box-shadow: 0px 3px 50px 0px rgba(221, 221, 221, 1);
}

.swiper10 .swiper-slide {
}

.swiper10 .swiper-slide .sbox {
  position: relative;
  padding: 30px 0 15px;
  line-height: 1.5;
  text-align: center;
}

.swiper10 .swiper-slide .sbox .img {
  margin: 0 auto;
  width: 80%;
  max-width: 200px;
  position: relative;
}

.swiper10 .swiper-slide .sbox .txt {
  margin-top: 15px;
}

.ab6 .abtm .lunbox .swiper10 .swiper-slide .sbox .txt {
  display: none;
}

.ab6 .abtm .lunbo2 {
  position: absolute;
  left: 56%;
  top: 5%;
  z-index: 4;
  transform: scale(0.8) perspective(1000px) rotatey(-20deg);
  -webkit-transform: scale(0.8) perspective(1000px) rotatey(-20deg);
}

.ab6 .abtm .lunbo3 {
  position: absolute;
  left: 69%;
  top: 5%;
  z-index: 3;
  transform: scale(0.75) perspective(1000px) rotatey(-20deg);
  -webkit-transform: scale(0.75) perspective(1000px) rotatey(-20deg);
}

.ab6 .abtm .lunbo4 {
  position: absolute;
  left: 82%;
  top: 5%;
  z-index: 2;
  transform: scale(0.7) perspective(1000px) rotatey(-20deg);
  -webkit-transform: scale(0.7) perspective(1000px) rotatey(-20deg);
}

.ab6 .abtm .lunbo5 {
  position: absolute;
  left: -4%;
  top: 5%;
  z-index: 2;
  transform: scale(0.7) perspective(1000px) rotatey(20deg);
  -webkit-transform: scale(0.7) perspective(1000px) rotatey(20deg);
}

.ab6 .abtm .lunbo6 {
  position: absolute;
  left: 9%;
  top: 5%;
  z-index: 3;
  transform: scale(0.75) perspective(1000px) rotatey(20deg);
  -webkit-transform: scale(0.75) perspective(1000px) rotatey(20deg);
}

.ab6 .abtm .lunbo7 {
  position: absolute;
  left: 23%;
  top: 5%;
  z-index: 4;
  transform: scale(0.8) perspective(1000px) rotatey(20deg);
  -webkit-transform: scale(0.8) perspective(1000px) rotatey(20deg);
}

.ab6 .abtm .lunbo1 .swiper10 .swiper-slide .sbox .img::after {
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background: url(../images/ab_6_k.png) center no-repeat;
  background-size: cover;
}

/* 搜索 */

.sea1 {
  padding: 1px 0 40px;
}

.sea1 .stt {
  margin: 0 0 25px;
  margin-top: -15px;
}

.sea1 .stc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.sea1 .stc .slt {
  width: 50%;
  line-height: 1.5;
  line-height: 22px;
}

.sea1 .stc .slt span {
  color: #00a0e9;
}

.sea1 .stc .srt {
  display: flex;
  justify-content: space-between;
  width: 350px;
  border: 1px solid #ddd;
  border-radius: 30px;
  height: 46px;
  align-items: center;
  align-content: center;
  padding-right: 2px;
}

.sea1 .stc .srt .dian {
  display: block;
  width: 6px;
  height: 6px;
  background: #d9d9d9;
  border-radius: 50%;
  margin: 0 12px 0 20px;
}

.sea1 .stc .srt input {
  display: block;
  width: calc(100% - 88px);
  height: 100%;
  border: 0;
  outline: none;
}

.sea1 .stc .srt span {
  display: block;
  width: 40px;
  height: 40px;
  background: #00a0e9 url(../images/svg/ss3.svg) center no-repeat;
  border-radius: 50%;
  cursor: pointer;
}

.sea1 .stc .srt span:hover {
  background: #0b7cb1 url(../images/svg/ss3.svg) center no-repeat;
}

.sea1 .anniu {
  display: flex;
  align-items: center;
  align-content: center;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  margin-top: 30px;
}

.sea1 .anniu a {
  display: block;
  color: #666;
}

.sea1 .anniu s {
  display: block;
  width: 1px;
  height: 19px;
  background: #d9d9d9;
  margin: 0 0.4rem;
}

.sea1 .anniu a.act,
.sea1 .anniu a:hover {
  color: #00a0e9;
}

.sea2 {
  padding: 20px 0 1rem;
  background: #f7f7f7;
}

.sea2 .ul1 {
  padding-bottom: 0.5rem;
}

.sea2 .ul1 li {
  padding: 30px 0;
  border-bottom: 1px solid #ddd;
}

.sea2 .ul1 li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}

.sea2 .ul1 li a .txt {
  width: calc(100% - 350px);
}

.sea2 .ul1 li a .txt {
  line-height: 26px;
}

.sea2 .ul1 li a .txt div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}

.sea2 .ul1 li a .txt .att {
  color: #999;
}

.sea2 .ul1 li a .txt .atc {
  color: #555;
}

.sea2 .ul1 li a .txt div span {
  color: #00a0e9;
}

.sea2 .ul1 li a:hover .txt .att2 {
  color: #00a0e9;
}

.sea2 .ul1 li a .img {
  width: 320px;
  height: 205px;
  overflow: hidden;
  border-radius: 10px;
}

.sea2 .ul1 li a .img img {
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(1.0002);
  -webkit-transform: scale(1.0002);
}

.sea2 .ul1 li a:hover .img img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

/* 行业 */

.ind1 {
  position: relative;
  background: #f9f9f9;
  height: 70px;
  line-height: 70px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.ind1 a {
  display: block;
  position: relative;
  margin: 0 0.5rem;
}

.ind1 a s {
  display: block;
  width: 0%;
  height: 3px;
  background: #00a0e9;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.ind1 a.act,
.ind1 a:hover {
  color: #00a0e9;
}

.ind1 a.act s,
.ind1 a:hover s {
  width: 100%;
}

.ind2 {
  padding: 0.8rem 0 0.2rem;
}

.ind2 .dl1 {
}

.ind2 .dl1 dd {
  display: block;
  margin-bottom: 80px;
}

.ind2 .dl1 .dlt {
  border-radius: 20px;
  overflow: hidden;
  background: #f7f7f7;
  height: 450px;
  width: 100%;
}

.ind2 .dl1 .dlt .img {
  display: block;
  width: 50%;
  height: 100%;
  overflow: hidden;
  float: left;
}

.ind2 .dl1 .dlt .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ind2 .dl1 .dlt .txt {
  width: 50%;
  float: right;
  padding: 0.75rem 0.6rem;
}

.ind2 .dl1 .dlt .txt .dtt {
  display: flex;
  line-height: 50px;
  align-items: center;
  align-content: center;
  padding-bottom: 0.3rem;
  margin-bottom: 0.3rem;
  border-bottom: 1px solid #e5e5e5;
  color: #00a0e9;
}

.ind2 .dl1 .dlt .txt .dtt .ico {
  width: 50px;
  margin-right: 20px;
}

.ind2 .dl1 .dlt .txt .dtc {
  line-height: 28px;
  text-align: justify;
  text-indent: 2em;
  height: 225px;
  overflow: auto;
  padding-right: 5px;
}

.ind2 .dl1 .drt .img {
  float: right;
}

.ind2 .dl1 .a_dw {
  top: -140px;
}

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

.invli1 {
  padding: 80px 0;
}

.invli1 .tc {
  line-height: 1.5;
  color: #555;
  text-indent: 2em;
}

.invli1 .ul1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 70px;
}

.invli1 .ul1 li {
  background: #f7f7f7;
  width: calc(calc(100% - 80px) / 3);
  margin: 0 40px 40px 0;
  border-radius: 12px;
  overflow: hidden;
}

.invli1 .ul1 li.active {
  box-shadow: 0px 0px 20px 1px rgb(0 160 223 / 42%);
  transform: scale(1.1);
  transform-origin: bottom;
}

.invli1 .ul1 li .a_dw {
  top: -140px;
}

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

.invli1 .ul1 li .img {
  width: 100%;
  overflow: hidden;
}

.invli1 .ul1 li .img img {
  width: 100%;
  transform: scale(1.00002);
  -webkit-transform: scale(1.00002);
}

.invli1 .ul1 li .txt {
  display: flex;
  padding: 20px 30px 30px;
  align-items: center;
  align-content: center;
}

.invli1 .ul1 li .txt .ico {
  margin-right: 0.2rem;
}

/* 产品新增 */

.prwl_1 {
  padding: 25px 0 50px;
}

.prwl_1 .xian {
  width: 100%;
  height: 1px;
  background: #f0f0f0;
  margin: 0 0 25px;
}

.prwl_1 img {
  width: 100%;
}

.prwl_2 {
  padding: 80px 0 60px;
  background: #f9f9f9;
}

.prwl_2 .ul1 {
  display: flex;
  flex-wrap: wrap;
}

.prwl_2 .ul1 li {
  width: calc(calc(100% - 80px) / 3);
  margin: 0 20px 40px 0;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}

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

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

.prwl_2 .ul1 li .wz {
  padding: 20px 30px;
  line-height: 28px;
  color: #333;
}

.prdz1 {
  padding-bottom: 1px;
  background: #f8f8f8;
}

.prdz1 .img {
  display: flex;
  margin: 20px 0;
}

.prdz1 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.prdz1 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.prdz2 {
  padding: 0 0 150px;
  background: #f8f8f8;
}

.prdz2 .pox {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

.prdz2 .pox .bg {
  position: relative;
  width: 100%;
}

.prdz2 .pox .bg img {
  width: 100%;
}

.prdz2 .pox .dl1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.prdz2 .pox .dl1 dd {
  position: absolute;
  bottom: 55%;
  left: 10%;
  z-index: 2;
  width: 340px;
  padding-left: 60px;
  line-height: 1.625;
  padding-bottom: 80px;
}

.prdz2 .pox .dl1 dd .dtc {
  margin-top: 10px;
}

.prdz2 .pox .dl1 dd .dlt {
  position: absolute;
  left: 0;
  width: 60px;
  height: 100%;
  top: 0;
  display: flex;
  flex-wrap: wrap;
}

.prdz2 .pox .dl1 dd .dlt .xian {
  display: block;
  width: 15px;
  position: relative;
}

.prdz2 .pox .dl1 dd .dlt .xian .x {
  display: block;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
  margin: 0 auto;
}

.prdz2 .pox .dl1 dd .dlt .xian .yuan {
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 4px;
  z-index: 2;
}

.prdz2 .pox .dl1 dd .dlt .xian .yuan span {
  display: block;
  width: 100%;
  height: 100%;
  background: #e5e5e5;
  border-radius: 50%;
}

.prdz2 .pox .dl1 dd .dlt .xian .yuan s {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  background: #00a0e9;
  border-radius: 50%;
  transform: scale(0.3);
  -webkit-transform: scale(0.3);
  opacity: 0;
  animation: suof2 1.5s infinite linear;
  -webkit-animation: suof2 1.5s infinite linear;
}

.prdz2 .pox .dl1 dd .dlt .xian2 {
  width: 20px;
  height: 90%;
  margin-left: 5px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    #fff 25%,
    #fff 50%,
    #fff 75%,
    rgba(255, 255, 255, 0) 100%
  );
  position: relative;
}

.prdz2 .pox .dl1 dd .dlt .xian2 .yuan {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin: 0 auto;
  background: url(../images/svg/pr_dz1.svg) center no-repeat;
}

.prdz2 .pox .dl1 dd:nth-child(2) {
  left: 41.5%;
  bottom: 58%;
}

.prdz2 .pox .dl1 dd:nth-child(3) {
  left: 73%;
  bottom: 59%;
}

.prdz2 .pox .dl1 dd:nth-child(4) {
  left: 16%;
  top: 68%;
  padding: 50px 0 0 60px;
  bottom: auto;
}

.prdz2 .pox .dl1 dd:nth-child(n + 4) .dlt .xian .yuan {
  top: auto;
  bottom: 100%;
}

.prdz2 .pox .dl1 dd:nth-child(n + 4) .dlt .xian2 {
  top: 50px;
}

.prdz2 .pox .dl1 dd:nth-child(5) {
  left: 64%;
  top: 68%;
  padding: 50px 0 0 60px;
  bottom: auto;
}

.prdz3 {
  padding: 80px 0;
  background: url(../images/pr_dz3.jpg) center no-repeat;
  background-size: cover;
}

.prdz3 .img {
  display: flex;
  margin: 30px 0 40px;
}

.prdz3 .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.prdz3 .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.prdz3 .dl1 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.prdz3 .dl1 dd {
  width: 47%;
  padding: 25px 0;
  display: flex;
  align-items: center;
  align-content: center;
  border-bottom: 1px solid #e5e5e5;
}

.prdz3 .dl1 dd .ico {
  width: 60px;
}

.prdz3 .dl1 dd .wz {
  width: calc(100% - 60px);
  padding-left: 30px;
}

/* 咨询 */

.right {
  position: fixed;
  width: 50px;
  background: #fff;
  border-radius: 3px;
  padding: 10px 5px 5px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.06);
  z-index: 9;
  right: 10px;
  top: 50%;
  text-align: center;
  line-height: 1.5;
  cursor: pointer;
}

.right .ico {
  width: 30px;
  margin: 0 auto 3px;
}

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

.zixun_tanchuang {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.zixun_tanchuang .hezi {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.zixun_tanchuang .hezi .zox {
  width: 860px;
  background: #fff;
  padding: 0.4rem 0.7rem;
  position: relative;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
}

.zixun_tanchuang .hezi .zox .out {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 3;
  cursor: pointer;
  background: url(../images/svg/out.svg) center no-repeat;
}

.zixun_tanchuang .hezi .zox .gdt2 {
  width: 100%;
  overflow: auto;
}

.zixun_tanchuang .hezi .zox .tt {
  text-align: center;
}

.zixun_tanchuang .hezi .zox .img {
  display: flex;
  margin: 0.25rem 0;
  justify-content: center;
}

.zixun_tanchuang .hezi .zox .img s {
  display: block;
  width: 16px;
  height: 16px;
  background: #00a0e9;
  border-radius: 50%;
  position: relative;
  z-index: 3;
  animation: xbdh1 3s infinite linear alternate;
}

.zixun_tanchuang .hezi .zox .img .s2 {
  background: #f59f27;
  left: -6px;
  z-index: 1;
  animation: xbdh2 3s infinite linear alternate;
}

.zixun_tanchuang .hezi .zox .ul1 {
}

.zixun_tanchuang .hezi .zox .ul1 li {
  display: flex;
  margin-bottom: 0.15rem;
}

.zixun_tanchuang .hezi .zox .ul1 li .wz {
  width: 105px;
  padding-top: 7px;
  line-height: 36px;
  color: #333;
}

.zixun_tanchuang .hezi .zox .ul1 li .wz span {
  color: #f00;
}

.zixun_tanchuang .hezi .zox .ul1 li .ipt {
  width: calc(100% - 105px);
  position: relative;
}

.zixun_tanchuang .hezi .zox .ul1 li .ipt input,
.zixun_tanchuang .hezi .zox .ul1 li .ipt textarea {
  display: block;
  width: 100%;
  height: 0.5rem;
  border: 1px solid #ddd;
  outline: none;
  padding: 0 20px;
  resize: none;
}

.zixun_tanchuang .hezi .zox .ul1 li .ipt textarea {
  height: 1.2rem;
  padding: 10px 20px;
}

.zixun_tanchuang .hezi .zox .ul1 li.act .ipt input,
.zixun_tanchuang .hezi .zox .ul1 li.act .ipt textarea {
  border: 1px solid #f00;
}

.zixun_tanchuang .hezi .zox .ul1 li .ipt .yzm {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  cursor: pointer;
  width: 130px;
  height: 100%;
}

.zixun_tanchuang .hezi .zox .ul1 li .ipt .yzm img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zixun_tanchuang .hezi .zox .ydty {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  line-height: 36px;
  color: #555;
}

.zixun_tanchuang .hezi .zox .ydty span {
  display: block;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 5px;
  margin-top: 10px;
  cursor: pointer;
  margin-right: 10px;
}

.zixun_tanchuang .hezi .zox .ydty .wz {
  display: flex;
  flex-wrap: wrap;
}

.zixun_tanchuang .hezi .zox .ydty a {
  color: #00a0e9;
}

.zixun_tanchuang .hezi .zox .ydty.act span {
  border: 1px solid #00a0e9;
  background: #00a0e9 url(../images/svg/xz1.svg) center no-repeat;
}

.zixun_tanchuang .hezi .zox .tj {
  width: 96%;
  line-height: 50px;
  margin: 20px auto 0;
  background: #00a0e9;
  color: #fff;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}

.zixun_tanchuang .hezi .zox .tj:hover {
  background: #0b7cb1;
}

/* 表单 */

.liuyan_tanchuang {
  position: fixed;
  width: 90%;
  max-width: 400px;
  display: none;
  top: 100px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: 2010;
  border-radius: 2px;
  background: #000;
}

.liuyan_tanchuang .lox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  color: #fff;
  line-height: 24px;
}

.liuyan_tanchuang .ico {
  width: 24px;
}

.liuyan_tanchuang .out {
  width: 20px;
  cursor: pointer;
  margin-top: 2px;
}

.liuyan_tanchuang .wz {
  width: -webkit-calc(100% - 48px);
  width: -moz-calc(100% - 48px);
  width: calc(100% - 48px);
  padding: 0 10px;
}

/* 更多 */

.more {
  display: flex;
}

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

.more .a .ico {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  position: relative;
}

.more .a .ico img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.more .a .ico img:nth-child(2) {
  opacity: 0;
}

.more .a .wz {
  color: #fff;
  margin-left: 15px;
}

.more_l .a .ico {
}

.more_l .a .wz {
  color: #00a0e9;
}

.more .a:hover .ico {
  background: #00a0e9;
  animation: zhuan 5s infinite linear;
}

.more .a:hover .ico img:nth-child(1) {
  opacity: 0;
}

.more .a:hover .ico img:nth-child(2) {
  opacity: 1;
}

.juzhongx {
  display: flex;
  justify-content: center;
}

.swiper-button-disabled {
  opacity: 0.2;
  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 tm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

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

@keyframes xbdh1 {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0.5;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}

@keyframes xbdh2 {
  0% {
    opacity: 0.5;
  }
  30% {
    opacity: 1;
  }
  80% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.5;
  }
}

@keyframes suof {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    opacity: 0;
  }
}

@-webkit-keyframes suof {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    -webkit-transform: scale(1.8);
    opacity: 0;
  }
}

@keyframes suof2 {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.2;
  }
  100% {
    transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0;
  }
}

@-webkit-keyframes suof2 {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0;
  }
  20% {
    opacity: 0.2;
  }
  80% {
    opacity: 0.2;
  }
  100% {
    transform: scale(3);
    -webkit-transform: scale(3);
    opacity: 0;
  }
}

@-webkit-keyframes xzdh {
  0% {
    top: 12px;
    right: -50px;
  }
  30% {
    top: 12px;
    right: 160px;
  }
  36.6% {
    top: 20px;
    right: 180px;
  }
  43.2% {
    top: 27px;
    right: 200px;
  }
  49.8% {
    top: 38px;
    right: 220px;
  }
  56.4% {
    top: 51px;
    right: 240px;
  }
  63% {
    top: 72px;
    right: 260px;
  }
  69.6% {
    top: 100px;
    right: 280px;
  }
  76.2% {
    top: 165px;
    right: 300px;
  }
  100% {
    top: 380px;
    right: 300px;
  }
}

@keyframes xzdh {
  0% {
    top: 12px;
    right: -50px;
  }
  30% {
    top: 12px;
    right: 160px;
  }
  36.6% {
    top: 20px;
    right: 180px;
  }
  43.2% {
    top: 27px;
    right: 200px;
  }
  49.8% {
    top: 38px;
    right: 220px;
  }
  56.4% {
    top: 51px;
    right: 240px;
  }
  63% {
    top: 72px;
    right: 260px;
  }
  69.6% {
    top: 100px;
    right: 280px;
  }
  76.2% {
    top: 165px;
    right: 300px;
  }
  100% {
    top: 380px;
    right: 300px;
  }
}

/* 视频弹框 */

.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: 600px;
  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: 90%;
  padding: 50px 10px;
  margin: 0 auto;
  max-height: 80vh;
}

.z_tanchuang .tbox .modal .img2 img {
  margin: 0 auto;
  max-height: 500px;
}

.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: 1800px) {
  .i5 .dl1 dt .dimg .txt {
    padding-left: 10.55vw;
  }
}

@media (max-width: 1750px) {
  .i5 .dl1 dt .dimg .txt {
    padding-left: 8.55vw;
  }
}

@media (max-width: 1650px) {
  .i5 .dl1 dt .dimg .txt {
    padding-left: 5.9vw;
  }

  .prc1 .prt {
    width: 600px;
  }

  .prc1 .plt {
    width: calc(100% - 600px);
  }
}

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

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

@media (max-width: 1300px) {
  .prc1 .prt {
    width: 530px;
  }

  .prc1 .plt {
    float: left;
    width: calc(100% - 530px);
  }
}

@media (max-width: 1200px) {
  .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.png) 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/ss1.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 .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 50px 0 15px;
    border-bottom: 1px solid #ddd;
  }

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

  .mnav2 .mbox .dl1 dd .dtop span {
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
  }

  .mnav2 .mbox .dl1 dd .dtop span::after {
    width: 16px;
    height: 2px;
    background: #444444;
    content: "";
    position: absolute;
    right: 15px;
    top: calc(50% - 1px);
  }

  .mnav2 .mbox .dl1 dd .dtop span::before {
    width: 2px;
    height: 16px;
    background: #444444;
    content: "";
    position: absolute;
    right: 22px;
    top: 17px;
  }

  .mnav2 .mbox .dl1 dd .dtop span.act::before {
    opacity: 0;
  }

  .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;
  }
}

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

@media (max-width: 960px) {
  .swiper1 .swiper-slide .sbox .pimg {
    display: none;
  }

  .swiper1 .swiper-slide .sbox .mimg {
    display: block;
  }

  .swiper1 .swiper-slide .sbox .txtx .stt {
    font-size: 24px;
  }

  .swiper1 .pagination1 {
    padding: 0 5%;
  }

  .i2 {
    padding: 50px 0;
  }

  .i2 .ilt {
    width: 100%;
    float: none;
  }

  .i2 .irt {
    width: 100%;
    float: none;
    margin: 20px 0;
  }

  .i2 .ul1 {
    padding: 0;
    width: 90%;
    margin: 0 auto;
    overflow: auto;
    justify-content: flex-start;
  }

  .i2 .ul1 li,
  .i2 .ul1 li.act {
    width: 280px;
    margin-right: 10px;
  }

  .i2 .ul1 li a {
    width: 280px;
  }

  .i2 .ul1 li a .img {
    height: 300px;
  }

  .i2 .ul1 li a .wz2 .ltt {
    display: block;
  }

  .i2 .ul1 li a .wz2 .ltt .lrt {
    margin-top: 20px;
  }

  .i3 {
    height: 80vh;
  }

  .i3 .ilt {
    width: 100%;
    float: none;
  }

  .i3 .irt {
    float: none;
    margin-top: 20px;
  }

  .i3 .ul1 li a {
    padding-top: 200px;
  }

  .i3 .ul1 li a .txt .att {
    display: none;
  }

  .i3 .ul1 li.act a .txt .mo {
    display: none;
  }

  .i3 .imgbg {
    height: 100%;
  }

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

  .i3 .ul1 li a .txt .ico {
    width: 40px;
    height: 40px;
  }

  .i3 .ul1 li a .txt {
    width: 100%;
    height: 60px;
  }

  .i5 .dl1 {
    display: block;
  }

  .i5 .dl1 dt {
    width: 100%;
    height: auto;
  }

  .i5 .dl1 dt .dimg .txt {
    display: block;
    padding: 50px 5%;
  }

  .i5 .dl1 dt .dimg .txt .dlt {
    width: 100%;
  }

  .i5 .dl1 dt .dimg .txt .ul1 {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .i5 .dl1 dt .dimg .txt .ul1 li {
    min-width: 40%;
    max-width: 48%;
  }

  .i5 .dl1 dt .dimg .txt .ul1 li .shuz .num {
    line-height: 60px;
  }

  .i5 .dl1 dd {
    width: 100%;
    display: block;
    height: auto;
  }

  .i5 .dl1 dd a {
    height: auto;
  }

  .i6 {
    padding: 50px 0;
  }

  .i6 .ilt {
    width: 100%;
    float: none;
  }

  .i6 .irt {
    width: 100%;
    float: none;
    margin: 20px 0 30px;
  }

  .i6 .ibtm {
    display: block;
    margin-top: 0;
  }

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

  .swiper3 .swiper-slide .sbox {
    height: auto;
  }

  .i6 .ibtm .irt {
    width: 100%;
    margin-bottom: 0;
  }

  .i6 .ibtm .irt .ul1 li a .att {
    margin: 10px 0;
  }

  .i6 .ibtm .irt .ul1 li a,
  .i6 .ibtm .irt .ul1 li.act a {
    padding: 15px 0;
  }

  .footer1 {
    padding: 20px 0;
  }

  .footer1 .logo {
    width: 100px;
  }

  .footer2 {
    display: none;
  }

  .footer3 {
    padding: 20px 0;
    border-top: 1px solid #ddd;
    display: block;
  }

  .footer3 .flt {
    width: 100%;
    text-align: center;
  }

  .footer3 .frt {
    width: 100%;
    text-align: center;
    max-width: 100%;
  }

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

  .i4 .itop {
    position: relative;
    top: 0%;
    transform: translateY(0%);
    -webkit-transform: translateY(0%);
  }

  .i4 .bg {
    display: none;
  }

  .i4 .lunbo {
    position: relative;
  }

  .swiper2 {
    padding: 0 0 20px;
  }

  .swiper2 .swiper-slide .sbox .ul1 {
    display: flex;
    flex-wrap: wrap;
    padding: 10px 5%;
    justify-content: space-between;
  }

  .swiper2 .swiper-slide .sbox .ul1 li {
    position: static;
    width: 48%;
    border: 1px solid #ddd;
    margin-bottom: 4%;
  }

  .swiper2 .swiper-slide .sbox .ul1 li:nth-child(n + 11) {
    display: none;
  }

  .swiper2 .pagination2 {
    bottom: 0px;
  }

  .swiper2 .pagination2 span {
    opacity: 0.3;
    background: #00a0e9;
    border-radius: 4px;
    width: 8px;
    height: 8px;
    margin: 0 3px !important;
  }

  .swiper2 .pagination2 span.swiper-pagination-bullet-active {
    width: 20px;
    opacity: 1;
  }

  .footer1 .ul1 li .ewm {
    left: auto;
    margin-left: 0;
    right: 0;
  }

  .banner .dhh {
    display: none;
  }

  .banner {
    height: 350px;
  }

  .prl1 {
    padding: 10px 0 50px;
  }

  .nav {
    padding: 10px 0 30px;
  }

  .prl1 .plt {
    width: 100%;
    float: none;
  }

  .prl1 .plt .img {
    margin: 20px 0;
  }

  .prl1 .prt {
    width: 100%;
    float: none;
    height: auto;
  }

  .prl2 {
    padding: 50px 0;
  }

  .nav .nox a {
    margin-right: 5px;
  }

  .nav .nox a .ico {
    margin-right: 5px;
  }

  .swiper1 .pagination1 span.swiper-pagination-bullet-active,
  .swiper4 .pagination4 span.swiper-pagination-bullet-active {
    width: 20px !important;
  }

  .swiper1 .pagination1 span,
  .swiper4 .pagination4 span {
    margin: 0 3px !important;
  }

  .swiper5 .pagination5 span.swiper-pagination-bullet-active {
    width: 20px !important;
  }

  .swiper5 .pagination5 span {
    margin: 0 3px !important;
  }

  .ser1 {
    padding: 50px 0;
  }

  .ser2 {
    padding: 50px 0;
  }

  .ser2 .img,
  .ser1 .img {
    margin: 20px 0 30px;
  }

  .ser1 .dl1 dd .img1 img {
    border-radius: 5px;
  }

  .ser2 .ul1 {
    display: block;
  }

  .ser2 .ul1 li {
    width: 100%;
    margin: 0 0 10px 0;
  }

  .page1 {
    display: none;
  }

  .page2 {
    display: block;
    border-radius: 5px;
  }

  .ab1 {
    padding: 50px 0;
  }

  .ab1 .img {
    margin: 20px 0 30px;
  }

  .ab1 .aox {
    display: block;
  }

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

  .ab1 .aox .alt .aimg img {
    border-radius: 5px;
  }

  .ab1 .aox .art {
    width: 100%;
    padding-left: 0;
    margin-top: 30px;
  }

  .ab1 .aox .art .ul1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .ab1 .aox .art .ul1 li {
    width: 48%;
    margin: 0 0 20px;
    padding-left: 40px;
  }

  .ab1 .aox .art .ul1 li .shuz .num {
    line-height: 40px;
  }

  .ab2 .ul1 {
    overflow: auto;
    border-radius: 5px;
  }

  .ab2 .ul1 li {
    min-width: 280px;
    height: 300px;
  }

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

  .ab2 .ul1 li .ltc br {
    display: none;
  }

  .ab3 .dhh {
    display: none;
  }

  .ab3 {
    padding: 50px 0;
  }

  .ab3 .img {
    margin-top: 20px;
  }

  .ab3 .dl1 {
    margin-top: 20px;
    padding-bottom: 50px;
  }

  .ab3 .dl1 dt{
    top: 20px;
  }
  .ab3 .dl1 .drt
  {
    display: block;
  }

  .ab3 .dl1 .dlt {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    text-align: right;
  }

  .ab3 .dl1 .drt .yuan,.ab3 .dl1 .dlt .yuan{
    top: 14px;
  }

  .ab3 .dl1 .drt .wz {
    padding: 5px 0 20px;
    min-height: 10px;
  }
  

  .ab3 .dl1 .dlt .day{width: 100%;line-height: 1.1;}

  .ab3 .dl1 .drt .day{line-height: 1.1;width: 100%;}

  .ab3 .dl1 dd:nth-child(14) .wz, .ab3 .dl1 dd:nth-child(13) .wz, .ab3 .dl1 dd:nth-child(16) .wz, .ab3 .dl1 dd:nth-child(17) .wz{
    min-height: 10px;
  }

  .ab3 .dl1 .drt .wz br,
  .ab3 .dl1 .dlt .wz br {
    display: none;
  }

  .ab3 .dl1 .dlt .wz {
    padding: 5px 0 20px;
    min-height: 10px;
  }

  .ab4 {
    padding: 50px 0 100px;
  }

  .ab4 .img {
    margin: 20px 0 30px;
  }

  .z_tanchuang .tbox .modal {
    width: 90%;
  }

  .z_tanchuang .tbox .modal .out {
    right: 0;
    top: -50px;
  }

  .swiper8 .swiper-slide {
  }

  .swiper8 .swiper-slide .sbox {
    width: 80%;
    margin: 0 auto;
    height: 100px;
  }

  .swiper8 .pagination8 span.swiper-pagination-bullet-active {
    width: 20px !important;
  }

  .swiper8 .pagination8 span {
    margin: 0 3px !important;
  }

  .swiper9 .swiper-slide .sbox .img1 {
    border-radius: 5px;
  }

  .ab5 .atop .anniu .prev9 {
    margin-right: 10px;
  }

  .ab6 .img {
    margin: 20px 0 30px;
  }

  .ab6 .atop {
    display: block;
  }

  .ab6 .atop .alt {
    width: 100%;
  }

  .ab6 .atop .alt .att,
  .ab6 .atop .art .att {
    padding-bottom: 15px;
    margin-bottom: 20px;
  }

  .ab6 .atop .alt .sp1 span {
    padding: 0 20px;
    margin-right: 5px;
    line-height: 40px;
  }

  .ab6 .atop .art {
    width: 100%;
    margin-top: 30px;
  }

  .ab6 .atop .art .ul1 li {
    width: 48%;
  }

  .ab6 .atop .art .ul1 li .shuz .num {
    line-height: 40px;
  }

  .ab6 .abtm .lunbo {
    display: none;
  }

  .ab6 .abtm .lunbo1 {
    display: block;
    width: 100%;
  }

  .swiper10 {
    padding-bottom: 20px;
  }

  .swiper10 .pagination10 span.swiper-pagination-bullet-active {
    width: 20px !important;
    border-radius: 5px;
  }

  .swiper10 .pagination10 span {
    margin: 0 3px !important;
    background: #00a0e9;
  }

  .new1 {
    padding: 50px 0;
  }

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

  .swiper6 .swiper-slide .sbox .img {
    width: 100%;
    height: auto;
    border-radius: 5px;
  }

  .swiper6 .swiper-slide .sbox .txt {
    width: 100%;
    padding-top: 20px;
  }

  .swiper6 .swiper-slide .sbox .txt .att {
    line-height: 30px;
    height: auto;
    margin: 10px 0;
  }

  .swiper6 .swiper-slide .sbox .txt .atc {
    line-height: 20px;
    height: auto;
  }

  .new2 {
    padding: 50px 0;
  }

  .new2 .ul1 li {
    margin-bottom: 10px;
  }

  .new2 .ul1 li a {
    display: block;
    height: auto;
    border-radius: 5px;
  }

  .new2 .ul1 li a .img {
    width: 100%;
  }

  .new2 .ul1 li a .txt {
    width: 100%;
    padding: 20px 5%;
  }

  .new2 .ul1 li a .txt .atc {
    line-height: 20px;
    height: 40px;
    margin: 10px 0;
  }

  .newc1 .ncox .xian {
    display: none;
  }

  .newc1 .ncox .ncoxo .ul1 {
    margin: 15px 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .newc1 .ncox .ncoxo .ul1 .x {
    display: none;
  }

  .newc1 .ncox .ncoxo .ul1 li {
    min-width: 50%;
    margin-bottom: 10px;
  }

  .newc1 .ncox .ncoxo .nbtm {
    padding-bottom: 70px;
    position: relative;
  }

  .newc1 .ncox .ncoxo .nbtm .more {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }

  .newc1 .ncox .ncoxo .nbtm .alt {
    width: calc(50% - 10px);
  }

  .newc1 .ncox {
    padding: 50px 0;
  }

  .inv1 .ilt {
    width: 100%;
    height: auto;
    float: none;
    border-radius: 5px;
    padding: 20px 5%;
  }

  .inv1 .ilt .a .att {
    margin: 10px 0;
  }

  .inv1 .irt {
    width: 100%;
    float: none;
    height: auto;
    border-radius: 5px;
    margin-top: 30px;
    padding: 40px 5% 20px;
  }

  .con1 {
    padding: 50px 0;
  }

  .con1 .img {
    margin: 20px 0;
  }

  .con1 .con {
    display: block;
    height: auto;
  }

  .con1 .con .clt {
    width: 100%;
    height: 200px;
  }

  .con1 .con .crt {
    width: 100%;
    height: auto;
    padding: 40px 5% 20px;
  }

  .con1 .con .crt .ico {
    width: 150px;
  }

  .con1 .con .crt .dl1 {
    height: 200px;
  }

  .banner_con .txt {
    padding-top: 50px;
  }

  .con2 .item-title::before {
    display: none;
  }

  .con2 .item-bottom-ul {
    display: block;
  }

  .con2 .item-bottom-ul .xxx {
    display: none;
  }

  .con2 .item-bottom-li {
    width: 100%;
    margin-bottom: 20px;
  }

  .con2 .conox {
    padding: 30px 10px;
    border-radius: 5px;
  }

  .con2 .list {
    margin-bottom: 20px;
  }

  .con2 .item + .item {
    margin-top: 10px;
  }

  .con2 {
    padding-bottom: 10px;
  }

  .sea1 {
    padding: 20px 0 50px;
  }

  .sea1 .stt {
    margin: 10px 0 20px;
  }

  .sea1 .stc {
    display: block;
  }

  .sea1 .stc .slt {
    width: 100%;
  }

  .sea1 .stc .srt {
    width: 100%;
    margin-top: 20px;
  }

  .sea1 .anniu s {
    margin: 0 10px;
  }

  .sea2 .ul1 li a {
    display: block;
  }

  .sea2 .ul1 li a .txt {
    width: 100%;
    height: auto;
  }

  .sea2 .ul1 li a .img {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }

  .sea2 .ul1 li a .txt div {
    margin-bottom: 10px;
    line-height: 1.5;
  }

  .ind1 {
    display: none;
  }

  .ind2 {
    padding: 50px 0;
  }

  .ind2 .dl1 dd {
    margin-bottom: 30px;
  }

  .ind2 .dl1 .dlt {
    border-radius: 5px;
    height: auto;
  }

  .ind2 .dl1 .dlt .img {
    width: 100%;
    float: none;
  }

  .ind2 .dl1 .dlt .txt {
    width: 100%;
    padding: 20px 5% 30px;
  }

  .ind2 .dl1 .dlt .txt .dtt .ico {
    width: 35px;
    margin-right: 10px;
  }

  .ind2 .dl1 .dlt .txt .dtc {
    height: auto;
  }

  .ind2 .dl1 .a_dw {
    top: -70px;
  }
  .invli1 .ul1 li.active {
    transform: scale(1);
  }

  .ab6 .abtm .btn {
    display: none;
  }

  .ab6 .abtm {
    width: 100%;
    margin: 0;
  }

  .swiper8 .swiper-slide .sbox .img1 img {
    display: none;
  }

  .prdz2 {
    padding-bottom: 50px;
  }

  .prdz2 .pox .dl1 {
    position: relative;
  }

  .prdz2 .pox .dl1 dd,
  .prdz2 .pox .dl1 dd:nth-child(n + 4) {
    position: static;
    padding: 0 0 20px;
  }

  .prdz2 .pox .dl1 dd .dlt {
    display: none;
  }

  .prdz3 {
    padding: 50px 0;
  }

  .prdz3 .img {
    margin: 20px 0;
  }

  .prdz3 .dl1 {
    display: block;
  }

  .prdz3 .dl1 dd {
    width: 100%;
    padding: 10px;
  }

  .prdz3 .dl1 dd .ico {
    width: 40px;
  }

  .prdz3 .dl1 dd .wz {
    padding-left: 10px;
  }

  .prdz1 {
    padding-bottom: 1px;
  }

  .prwl_1 {
    padding: 1px 0 50px;
  }

  .prwl_2 {
    padding: 50px 0;
  }

  .prwl_2 .ul1 {
    display: block;
  }

  .prwl_2 .ul1 li {
    width: 100%;
    margin-bottom: 10px;
  }

  .invli1 {
    padding: 50px 0;
  }

  .invli1 .ul1 {
    display: block;
    margin-top: 20px;
    
  }

  .invli1 .ul1 li {
    width: 100%;
    margin: 0 0 10px;
  }

  .ab3 .dl1 dd:nth-child(14) {
    margin-top: 0;
  }

  .ab3 .dl1 dd:nth-child(17) {
    margin-top: 0;
  }

  .ab3 .dl1 .drt .wz p::after {
    top: 8px;
  }

  .ab3 .dl1 .dlt .wz p::after {
    top: 8px;
  }

  .zixun_tanchuang .hezi .zox {
    padding: 30px 5%;
  }

  .zixun_tanchuang .hezi .zox .ul1 li {
    display: block;
  }

  .zixun_tanchuang .hezi .zox .ul1 li .wz {
    width: 100%;
    padding-top: 0;
    line-height: 1.5;
  }

  .zixun_tanchuang .hezi .zox .ul1 li .ipt {
    width: 100%;
    margin-top: 10px;
  }

  .zixun_tanchuang .hezi .zox .ul1 li .ipt input {
    height: 40px;
  }

  .zixun_tanchuang .hezi .zox .ul1 li .ipt textarea {
    height: 140px;
  }

  .footer3 .flt .a br{display: block;}

}