@charset "UTF-8";
/* 前端白明明 */
.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: "nsr";
  src: url("../fonts/NotoSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nsrx";
  src: url("../fonts/NotoSans-Light.ttf");
  font-weight: normal;
  font-style: normal;
}
*, *:before, *:after {
  -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: 0;
  width: 100%;
  color: #222;
  font-family: "nsr", 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;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  color: #222;
}

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

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

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

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

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

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

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

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

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

h1 {
  font-weight: normal;
  font-size: inherit;
}

/*分页*/
/*分页*/
.page1 {
  text-align: center;
  margin: 0;
  text-align: center;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          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: rgba(0, 0, 0, 0);
  border: 1px solid #E2E2E2;
  border-radius: 30px;
}

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

.page1 span.current a {
  background: #23B07B;
  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;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0);
}

.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: #23B07B;
  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: #23B07B;
  border: 1px solid #23B07B;
}

.page1 span.current a {
  background: #23B07B;
}

.page2 {
  background: #23B07B;
}

.page1 span a.pre s {
  display: block;
  width: 21px;
  height: 21px;
  background: url(../images_die/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_die/svg/fy_jt2.svg) center no-repeat;
}

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

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

.page1 span a.pre, .page1 span a.nex {
  width: 140px;
  -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;
  color: #222;
}

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

.page1 span a:hover {
  color: #fff;
}

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

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

.page1 span.qd a {
  width: 100%;
  border-radius: 0px;
  background: #23AF7C;
  color: #fff;
}

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

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

.alltime, .alltime * {
  -webkit-transition: all 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  -o-transition: all 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  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);
}

.alltime2, .alltime2 * {
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}

.alltime3, .alltime3 * {
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}

.alltime4, .alltime4 * {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.wow {
  opacity: 0;
}

.wow1 {
  opacity: 1;
}

.fbd {
  font-weight: bold;
}

/* 头部 */
.head {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  padding: 0;
  background: #fff;
  border-bottom: 1px solid #eee;
}

.head .hox {
  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: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.head .hox .logo {
  width: 1.79rem;
  display: block;
}

.head .hox .drt {
  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-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.head .hox .drt .yy {
  display: block;
  padding-left: 23px;
  line-height: 40px;
  background: url(../images_die/svg/yy.svg) left center no-repeat;
}

.head .hox .drt .ss {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images_die/svg/ss.svg) center no-repeat;
}

.head .hox .drt .xian {
  display: block;
  width: 1px;
  height: 12px;
  background: #DDDDDD;
  opacity: 1;
  margin: 0 20px;
}

.head .hox .drt .ul1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.5rem;
  text-transform: capitalize;
}

.head .hox .drt .ul1 li {
  position: relative;
  margin: 0 0.3rem;
}

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

.head .hox .drt .ul1 li .ltop {
  position: relative;
  line-height: 100px;
}

.head .hox .drt .ul1 li .ltop a {
  display: block;
}

.head .hox .drt .ul1 li .abtm {
  position: absolute;
  top: 110%;
  left: 50%;
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  pointer-events: none;
  opacity: 0;
}

.head .hox .drt .ul1 li .abtm .jt {
  width: 100%;
  padding-top: 7px;
}

.head .hox .drt .ul1 li .abtm .jt s {
  display: block;
  width: 9px;
  height: 5px;
  background: url(../images_die/jt.png) center no-repeat;
  margin: 0 auto;
}

.head .hox .drt .ul1 li .abtm .jt span {
  display: block;
  width: 100%;
  height: 3px;
  background: -webkit-linear-gradient(left, #23B07B, #015ABE);
  background: -moz-linear-gradient(left, #23B07B, #015ABE);
  background: -o-linear-gradient(left, #23B07B, #015ABE);
  background: linear-gradient(to right, #23B07B, #015ABE);
}

.head .hox .drt .ul1 li .abtm .aox {
  background: #fff;
  border-radius: 0 0 10px 10px;
  padding: 10px 20px;
}

.head .hox .drt .ul1 li .abtm a {
  display: block;
  white-space: nowrap;
  text-align: center;
  line-height: 20px;
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
  position: relative;
  top: 20px;
  opacity: 0;
  -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.head .hox .drt .ul1 li .abtm a:last-child {
  border: 0;
}

.head .hox .drt .ul1 li:hover .abtm {
  position: absolute;
  top: 100%;
  left: 50%;
  -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
       transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  pointer-events: visible;
  opacity: 1;
  -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
       transition-delay: 0.1s;
  -webkit-transition-delay: 0.1s;
}

.head .hox .drt .ul1 li:hover .abtm a {
  top: 0px;
  opacity: 1;
  -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
       transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.head .hox .drt .ul1 li:hover .abtm a:nth-child(2) {
  -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
       transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.head .hox .drt .ul1 li:hover .abtm a:nth-child(3) {
  -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
       transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.head .hox .drt .ul1 li:hover .abtm a:nth-child(4) {
  -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
       transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.head .hox .drt .ul1 li:hover .abtm a:nth-child(5) {
  -moz-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
       transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.head .hox .drt .ul1 li:hover .abtm a:hover {
  color: #0A89C3;
  -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.head.kong {
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.head.kong .hox .drt .ul1 li .ltop a {
  color: #fff;
}

.head.kong .hox .drt .yy {
  background: url(../images_die/svg/yy_b.svg) left center no-repeat;
  color: #fff;
}

.head.kong .hox .drt .ss {
  background: url(../images_die/svg/ss_b.svg) center no-repeat;
}

.head:hover, .head.act {
  background: #fff;
  border-bottom: 1px solid #eee;
}

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

.head:hover .hox .drt .yy, .head.act .hox .drt .yy {
  background: url(../images_die/svg/yy.svg) left center no-repeat;
  color: #222;
}

.head:hover .hox .drt .ss, .head.act .hox .drt .ss {
  background: url(../images_die/svg/ss.svg) center no-repeat;
}

.head.act .hox .logo {
  width: 1.5rem;
}

.head.act .hox .drt .ul1 li .ltop {
  line-height: 60px;
}

.head .hox .drt .yy:hover {
  color: #8CC220;
  background: url(../images_die/svg/yy_l.svg) center left no-repeat;
}

.head .hox .drt .ss:hover {
  background: url(../images_die/svg/ss_l.svg) center no-repeat;
}

.head .hox .drt .ul1 li.act .ltop a, .head .hox .drt .ul1 li:hover .ltop a {
  color: #8CC220;
}

.head.up {
  opacity: 0;
  pointer-events: none;
}

/* 首页 */
.i1 {
  position: relative;
  overflow: hidden;
}

.i1 .more .a{
    border-color: #fff;
}

.swiper1, .swiper1 .swiper-slide, .swiper1 .swiper-slide .sbox {
  width: 100%;
  height: 100%;
}

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

.swiper1 .swiper-slide .sbox video {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper1 .swiper-slide .sbox img {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  width: 100%;
}

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

.swiper1 .swiper-slide .sbox .txt {
  width: 100%;
  position: absolute;
  height: 100%;
  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-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  top: 0;
  left: 0;
  z-index: 3;
  color: #fff;
  line-height: 1.36;
  background: rgba(0, 0, 0, 0.2);
}

.swiper1 .swiper-slide .sbox .txt .tt {
  font-family: "nsrx";
  margin-bottom: 40px;
}

.swiper1 .swiper-slide .sbox .txt .dh {
  position: relative;
  opacity: 0;
  top: 100px;
}

.swiper1 .swiper-slide-active .sbox img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  -o-transition-duration: 5s;
  transition-duration: 5s;
}

.swiper1 .xia {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 55px;
  z-index: 5;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  color: #fff;
  line-height: 26px;
  font-weight: bold;
}

.swiper1 .pagination1 {
  position: relative;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: auto;
  height: auto;
  bottom: auto;
  margin: 0 25px;
}

.swiper1 .pagination1 span {
  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;
  position: relative;
  width: 154px;
  height: 20px;
  opacity: 1;
  border-radius: 0px;
  background: rgba(0, 0, 0, 0);
}

.swiper1 .pagination1 span::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #fff;
  position: relative;
  top: 1px;
}

.swiper1 .pagination1 span::before {
  content: "";
  display: block;
  width: 0%;
  height: 3px;
  background: #fff;
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
     -moz-transform: translate3d(0, -50%, 0);
          transform: translate3d(0, -50%, 0);
  left: 0;
  z-index: 2;
}

.swiper1 .pagination1 span.swiper-pagination-bullet-active::before {
  width: 100%;
  -webkit-transition: all 5s linear;
  -moz-transition: all 5s linear;
  -o-transition: all 5s linear;
  transition: all 5s linear;
}

.swiper1 .swiper-slide-active .sbox .txt .dh {
  top: 0px;
  opacity: 1;
  -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
       transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.swiper1 .swiper-slide-active .sbox .txt .dh2 {
  -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
       transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
}

.i2 {
  position: relative;
  width: 100%;
  height: 700vh;
}

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

.i2 .hezi .hox {
  position: sticky;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  overflow: hidden;
}

.i2 .hezi1 .hox .yuan {
  position: absolute;
  top: -30%;
  right: 60%;
  width: 80%;
}

.i2 .hezi1 .hox .yuan2 {
  position: absolute;
  top: 20%;
  right: 60%;
  width: 80%;
}

.i2 .hezi1 .hox .yuan3 {
  position: absolute;
  top: -30%;
  left: 60%;
  width: 80%;
}

.i2 .hezi1 .hox .yuan4 {
  position: absolute;
  top: 20%;
  left: 60%;
  width: 80%;
}

.i2 .hezi1 .hox .yuan1 img {
  -moz-transform-origin: top center;
   -ms-transform-origin: top center;
    -o-transform-origin: top center;
       transform-origin: top center;
  -webkit-transform-origin: top center;
  -moz-animation: suofang 10s linear infinite;
    -o-animation: suofang 10s linear infinite;
       animation: suofang 10s linear infinite;
  -webkit-animation: suofang 10s linear infinite;
}

.i2 .hezi1 .hox .yuan2 img {
  -moz-transform-origin: bottom center;
   -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
       transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  -moz-animation: suofang 10s linear 2s infinite;
    -o-animation: suofang 10s linear 2s infinite;
       animation: suofang 10s linear 2s infinite;
  -webkit-animation: suofang 10s linear 2s infinite;
}

.i2 .hezi1 .hox .yuan3 img {
  -moz-transform-origin: bottom center;
   -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
       transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  -moz-animation: suofang 10s linear 5s infinite;
    -o-animation: suofang 10s linear 5s infinite;
       animation: suofang 10s linear 5s infinite;
  -webkit-animation: suofang 10s linear 5s infinite;
}

.i2 .hezi1 .hox .yuan4 img {
  -moz-transform-origin: bottom center;
   -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
       transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  -moz-animation: suofang 10s linear infinite;
    -o-animation: suofang 10s linear infinite;
       animation: suofang 10s linear infinite;
  -webkit-animation: suofang 10s linear infinite;
}

.i2 .hezi1 .hox .yuanx {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 2;
  width: 49%;
  max-width: 921px;
}

.i2 .hezi1 .hox .yuanx .yx1 {
  -moz-transform: scale(0.5);
   -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
       transform: scale(0.5);
  -webkit-transform: scale(0.5);
  opacity: 0;
  z-index: 2;
}

.i2 .hezi1 .hox .yuanx .yx2 {
  width: 100%;
  padding-top: 100%;
  border: 1px solid #1388BE;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%) scale(1);
   -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
       transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}

.i2 .hezi1 .hox .yuanx .yx3 {
  width: 100%;
  padding-top: 100%;
  border: 1px solid #1388BE;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%) scale(1);
   -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
       transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}

.i2 .hezi1 .hox .yuanx .yx4 {
  width: 100%;
  padding-top: 100%;
  border: 1px solid #1388BE;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%) scale(1);
   -ms-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
       transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  opacity: 0;
}

.i2 .hezi1 .hox .yuanx .yx5 {
  position: absolute;
  top: 18%;
  left: 10%;
  -moz-transform: scale(0.5);
   -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
       transform: scale(0.5);
  -webkit-transform: scale(0.5);
  opacity: 0;
  width: 16%;
}

.i2 .hezi1 .hox .yuanx .yx6 {
  position: absolute;
  bottom: 5%;
  left: -30%;
  -moz-transform: scale(0.5);
   -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
       transform: scale(0.5);
  -webkit-transform: scale(0.5);
  opacity: 0;
  width: 10%;
}

.i2 .hezi1 .hox .yuanx .yx7 {
  position: absolute;
  bottom: 15%;
  left: 95%;
  -moz-transform: scale(0.5);
   -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
       transform: scale(0.5);
  -webkit-transform: scale(0.5);
  opacity: 0;
  width: 28.5%;
}

.i2 .hezi1 .hox .icon {
  position: absolute;
  width: 0.84rem;
  height: 0.84rem;
  border-radius: 50%;
  left: 67.34375%;
  top: 73.4736842105%;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
  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;
  cursor: pointer;
  z-index: 6;
  opacity: 0;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.i2.act .hezi1 .hox .icon {
  opacity: 1;
  -webkit-transition-delay: 1s;
     -moz-transition-delay: 1s;
       -o-transition-delay: 1s;
          transition-delay: 1s;
}

.i2.act .hezi1 .hox .icon.op {
  opacity: 0;
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.i2 .hezi1 .hox .icon:hover img {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
       -o-transform: scale(1.2);
          transform: scale(1.2);
}

.i2 .hezi1 .hox .icon img {
  width: 38.0952380952%;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.i2 .hezi1 .hox .ul1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
}

.i2 .hezi1 .hox .ul1 .yuanx {
  display: none;
}

.i2 .hezi1 .hox .ul1 li {
  width: 24%;
  max-width: 450px;
  position: absolute;
  left: 6.25%;
  top: 10%;
  line-height: 1.4;
  -moz-transform: translateY(50px);
   -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
       transform: translateY(50px);
  -webkit-transform: translateY(50px);
  opacity: 0;
}

.i2 .hezi1 .hox .ul1 li .ltt {
  margin-bottom: 0.5rem;
}

.i2 .hezi1 .hox .ul1 li:nth-child(3) {
  top: auto;
  bottom: 20%;
}

.i2 .hezi1 .hox .ul1 li:nth-child(4) {
  top: 40%;
  left: 75%;
}

.i2 .hezi1 .hox .ul1 li .ltt2 {
  margin-bottom: 0.1rem;
}

.i2 .hezi1 .hox .ul1 li .ltc {
  line-height: 26px;
  color: #444;
}

.i2 .hezi1 .hox .ulm {
  display: none;
}

.i2.act .hezi1 .hox .ul1 li {
  -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
       transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
  -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
       transition-delay: 0.2s;
  -webkit-transition-delay: 0.2s;
}

.i2.act .hezi1 .hox .ul1 li:nth-child(3) {
  -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
       transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
  -moz-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
       transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}

.i2.act .hezi1 .hox .ul1 li:nth-child(4) {
  -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
       transform: translateY(0px);
  -webkit-transform: translateY(0px);
  opacity: 1;
  -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
       transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
}

.i2 .hezi1 .hox .yuanx.act .yx1 {
  -moz-transform: scale(1);
   -ms-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  -webkit-transform: scale(1);
  opacity: 1;
  -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
       transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}

.i2 .hezi1 .hox .yuanx.act .yx2 {
  opacity: 0.3;
  -moz-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
       transition-delay: 0.6s;
  -webkit-transition-delay: 0.6s;
  -moz-animation: suofang3 3s linear 1s infinite;
    -o-animation: suofang3 3s linear 1s infinite;
       animation: suofang3 3s linear 1s infinite;
  -webkit-animation: suofang3 3s linear 1s infinite;
}

.i2 .hezi1 .hox .yuanx.act .yx3 {
  opacity: 0.2;
  -moz-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
       transition-delay: 0.7s;
  -webkit-transition-delay: 0.7s;
  -moz-animation: suofang3 3s linear 2s infinite;
    -o-animation: suofang3 3s linear 2s infinite;
       animation: suofang3 3s linear 2s infinite;
  -webkit-animation: suofang3 3s linear 2s infinite;
}

.i2 .hezi1 .hox .yuanx.act .yx4 {
  opacity: 0.05;
  -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
       transition-delay: 0.8s;
  -webkit-transition-delay: 0.8s;
  -moz-animation: suofang3 3s linear 3s infinite;
    -o-animation: suofang3 3s linear 3s infinite;
       animation: suofang3 3s linear 3s infinite;
  -webkit-animation: suofang3 3s linear 3s infinite;
}

.i2 .hezi1 .hox .yuanx.act .yx5 {
  opacity: 1;
  -moz-transition-delay: 0.9s;
    -o-transition-delay: 0.9s;
       transition-delay: 0.9s;
  -webkit-transition-delay: 0.9s;
  -moz-transform: scale(1);
   -ms-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  -webkit-transform: scale(1);
}

.i2 .hezi1 .hox .yuanx.act .yx6 {
  opacity: 1;
  -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
       transition-delay: 1s;
  -webkit-transition-delay: 1s;
  -moz-transform: scale(1);
   -ms-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  -webkit-transform: scale(1);
}

.i2 .hezi1 .hox .yuanx.act .yx7 {
  opacity: 1;
  -moz-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
       transition-delay: 1.1s;
  -webkit-transition-delay: 1.1s;
  -moz-transform: scale(1);
   -ms-transform: scale(1);
    -o-transform: scale(1);
       transform: scale(1);
  -webkit-transform: scale(1);
}

.i2 .hezi1 .hox .yuanx.act .yx5 img {
  -moz-animation: pianyi1 10s linear infinite;
    -o-animation: pianyi1 10s linear infinite;
       animation: pianyi1 10s linear infinite;
  -webkit-animation: pianyi1 10s linear infinite;
}

.i2 .hezi1 .hox .yuanx.act .yx6 img {
  -moz-animation: pianyi1 7s linear infinite;
    -o-animation: pianyi1 7s linear infinite;
       animation: pianyi1 7s linear infinite;
  -webkit-animation: pianyi1 7s linear infinite;
}

.i2 .hezi1 .hox .yuanx.act .yx7 img {
  -moz-animation: pianyi1 5s linear infinite;
    -o-animation: pianyi1 5s linear infinite;
       animation: pianyi1 5s linear infinite;
  -webkit-animation: pianyi1 5s linear infinite;
}

.i2 .hezi2 {
  z-index: 3;
  pointer-events: none;
}

.i2 .hezi2 .hox {
  opacity: 0;
  -webkit-transition: all 1s cubic-bezier(0, 0, 0, 0.98);
  -moz-transition: all 1s cubic-bezier(0, 0, 0, 0.98);
  -o-transition: all 1s cubic-bezier(0, 0, 0, 0.98);
  transition: all 1s cubic-bezier(0, 0, 0, 0.98);
  -webkit-transform: scale(0.2);
     -moz-transform: scale(0.2);
      -ms-transform: scale(0.2);
       -o-transform: scale(0.2);
          transform: scale(0.2);
}

.i2 .hezi2 .hox .vid {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  overflow: hidden;
  -webkit-clip-path: circle(100% at 50% 50%);
          clip-path: circle(100% at 50% 50%);
}

.i2 .hezi2 .hox .vid video {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
       transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 0%;
  -webkit-clip-path: circle(24.5% at 50% 50%);
          clip-path: circle(24.5% at 50% 50%);
}

.i2 .hezi2.act .hox {
  pointer-events: visible;
}

.i2 .hezi2.act2 .hox {
  pointer-events: none;
}

.i2 .hezi2.op .hox {
  opacity: 1;
  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

.i2 .hezi2.op2 .hox {
  opacity: 0;
}

.i2 .hezi3 {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
}

.i2 .hezi3 .fdj {
  position: relative;
  width: 100%;
  height: 100%;
}

.i2 .hezi3 .fdj .bg {
  width: 100%;
  height: 100%;
  -webkit-filter: blur(20px);
          filter: blur(20px);
}

.i2 .hezi3 .fdj img, .i2 .hezi3 .fdj video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
 
}

.image-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.image-container .yuanx {
  display: block;
  width: 600px;
  height: 600px;
  border: 1px solid #ddd;
  opacity: 0.3;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
  -moz-transform: translate(-300px, -300px);
   -ms-transform: translate(-300px, -300px);
    -o-transform: translate(-300px, -300px);
       transform: translate(-300px, -300px);
  -webkit-transform: translate(-300px, -300px);
}

.clipped-circle {
  -webkit-clip-path: circle(270px at 0px 0px);
          clip-path: circle(270px at 0px 0px);
}

.i2 .hezi3 .hox .tt {
  line-height: 1.4;
  position: absolute;
  top: 1.15rem;
  left: 0;
  color: #fff;
  width: 100%;
  padding: 0 5%;
  z-index: 5;
  pointer-events: none;
}

.i2 .hezi3 .dl1.active dd:nth-child(1) {
  top: 2.04rem;
}

.i2 .hezi3 .dl1.active dd:nth-child(2) {
  top: 4.41rem;
  -webkit-transition-delay: 0.5s;
     -moz-transition-delay: 0.5s;
       -o-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.i2 .hezi3 .dl1 dd {
  display: block;
  width: 21%;
  max-width: 400px;
  position: absolute;
  top: 800px;
  left: 49%;
  z-index: 5;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}

.i2 .hezi3 .dl1 dd a {
  display: block;
  color: #fff;
  width: 100%;
  position: relative;
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.i2 .hezi3 .dl1 dd a .img {
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}

.i2 .hezi3 .dl1 dd a .img img {
  width: 100%;
  -moz-transform: scale(1.000002);
   -ms-transform: scale(1.000002);
    -o-transform: scale(1.000002);
       transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
}

.i2 .hezi3 .dl1 dd a .txt {
  line-height: 1.3;
}

.i2 .hezi3 .dl1 dd a .txt .att {

  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 15px 0 10px;
}

.i2 .hezi3 .dl1 dd a .txt .atc {
  line-height: 1.625;

  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 25px;
}

.i2 .hezi3 .dl1 dd:nth-child(2) {
  left: 73%;
  top: 1020px;
}

.i2 .hezi3 .dl1 dd a:hover .img img {
  width: 100%;
  -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
       transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

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

.i2 .hezi3.jin {
  pointer-events: none;
}

.i3 {
  padding: 1rem 0 1.4rem;
  background: url(../images/in_3bg.webp) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
}

.i3 .tc {
  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: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  margin-bottom: 30px;
}

.i3 .tc a {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 40px;
  color: #04313B;
}

.i3 .tc a s {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images_die/svg/jt_2.svg) center no-repeat;
  margin-left: 5px;
}

.i3 .tc a:hover {
  text-decoration: underline;
}

.i3 .anniu {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.i3 .anniu .btn {
  width: 50px;
  height: 50px;
  border: 1px solid #04313B;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

.i3 .anniu .btn span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url(../images_die/svg/lb_jt1.svg) center no-repeat;
}

.i3 .anniu .btn s {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: url(../images_die/svg/lb_jb.svg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
  opacity: 0;
}

.i3 .anniu .prev2 {
  -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.i3 .anniu .btn:hover {
  border: 1px solid rgba(0, 0, 0, 0);
}

.i3 .anniu .btn:hover span {
  background: url(../images_die/svg/lb_jt2.svg) center no-repeat;
}

.i3 .anniu .btn:hover s {
  opacity: 1;
}

.swiper2 .swiper-slide {
  height: auto;
  padding: 10px 0;
}

.swiper2 .swiper-slide .sbox {
  display: block;
  padding: 20px 20px 50px;
  border-radius: 8px;
  background: -webkit-linear-gradient(285deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  background: -moz-linear-gradient(285deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  background: -o-linear-gradient(285deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  backdrop-filter: blur(6px);
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.swiper2 .swiper-slide .sbox::after {
  content: "";
  display: block;
  width: 0%;
  height: 6px;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
  z-index: 2;
  left: 0;
  bottom: 0;
  position: absolute;
  -webkit-transition: all 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  -o-transition: all 0.8s cubic-bezier(0.43, 0.195, 0.02, 1);
  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);
}

.swiper2 .swiper-slide .sbox .img {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}

.swiper2 .swiper-slide .sbox .img img {
  width: 100%;
  -moz-transform: scale(1.000002);
   -ms-transform: scale(1.000002);
    -o-transform: scale(1.000002);
       transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
}

.swiper2 .swiper-slide .sbox .txt {
  padding: 30px 20px 0;
  line-height: 36px;
}

.swiper2 .swiper-slide .sbox .txt .stt {
  height: 72px;
  margin-bottom: 0.8rem;
  color: #04313B;
}

.swiper2 .swiper-slide .sbox .txt .day {
  padding-left: 32px;
  line-height: 24px;
  color: #666;
  background: url(../images_die/svg/day.svg) center left no-repeat;
}

.swiper2 .swiper-slide .sbox:hover .txt .stt {
  color: #8CC220;
}

.swiper2 .swiper-slide .sbox:hover::after {
  width: 100%;
}

.swiper2 .swiper-slide .sbox:hover .img img {
  width: 100%;
  -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
       transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.swiper2 .swiper-slide .sbox:hover {
  box-shadow: 0px 11px 16.8px 0px #C0DEEF;
}

/* 底部 */
.footer1 {
  padding: 0.9rem 0;
  background: url(../images_die/svg/fo_1_1.svg) center right no-repeat;
}

.footer1 .flt {
  width: 34%;
  float: left;
}

.footer1 .flt .flogo {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.footer1 .flt .flogo a {
  display: block;
  width: 3.6rem;
}

.footer1 .flt .ss {
  display: block;
  width: 100%;
  height: 50px;
  position: relative;
  border: 1px solid #D9D9D9;
  border-radius: 50px;
  overflow: hidden;
  margin: 25px 0;
}

.footer1 .flt .ss input {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  outline: none;
  padding: 0 50px 0 20px;
}

.footer1 .flt .ss a {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images_die/svg/lb_jb.svg) center no-repeat;
  position: absolute;
  top: 4px;
  right: 6px;
  border-radius: 50%;
}

.footer1 .flt .ss a s {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images_die/svg/ss_3.svg) center no-repeat;
}

.footer1 .flt .qiehuan {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-bottom: 1px solid #F5F5F5;
  margin-bottom: 30px;
}

.footer1 .flt .qiehuan .btn {
  position: relative;
  padding-bottom: 8px;
  color: #04313B;
  opacity: 0.2;
  margin-right: 0.4rem;
  cursor: pointer;
}

.footer1 .flt .qiehuan .btn s {
  display: block;
  width: 0%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  border-radius: 100px;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
}

.footer1 .flt .qiehuan .btn.act, .footer1 .flt .qiehuan .btn:hover {
  opacity: 1;
}

.footer1 .flt .qiehuan .btn.act s {
  width: 100%;
}

.footer1 .flt .ul1 {
  margin-bottom: 25px;
}

.footer1 .flt .ul1 li {
  display: none;
}

.footer1 .flt .ul1 li .ltop .a {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  line-height: 24px;
  margin-bottom: 15px;
}

.footer1 .flt .ul1 li .ltop .a .ico {
  width: 25px;
  height: 24px;
  position: relative;
  top: 2px;
}

.footer1 .flt .ul1 li .ltop .a .wz {
  width: -webkit-calc(100% - 25px);
  width: -moz-calc(100% - 25px);
  width: calc(100% - 25px);
}

.footer1 .flt .ul1 li .lbtm .dl1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.footer1 .flt .ul1 li .lbtm .dl1 dd {
  width: 0.48rem;
  position: relative;
  margin-right: 10px;
}

.footer1 .flt .ul1 li .lbtm .dl1 dd .ico {
  display: block;
  width: 100%;
}

.footer1 .flt .ul1 li .lbtm .dl1 dd .ewm {
  position: absolute;
  width: 1rem;
  left: 0%;
  top: 90%;
  opacity: 0;
  pointer-events: none;
}

.footer1 .flt .ul1 li .lbtm .dl1 dd:hover .ewm {
  top: 100%;
  opacity: 1;
}

.footer1 .flt .ul1 li:nth-child(1) {
  display: block;
}

.footer1 .frt {
  width: 52%;
  float: right;
  padding-top: 105px;
  text-transform: capitalize;
}

.footer1 .frt .ul1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer1 .frt .ul1 li {
  width: -webkit-calc((100% - 1.2rem) / 3);
  width: -moz-calc((100% - 1.2rem) / 3);
  width: calc((100% - 1.2rem) / 3);
  position: relative;
  margin-bottom: 180px;
}

.footer1 .frt .ul1 li a {
  display: block;
}

.footer1 .frt .ul1 li .atop {
  line-height: 24px;
}

.footer1 .frt .ul1 li .atop a {
  display: block;
  padding-bottom: 8px;
  color: #04313B;
  font-size: 16px;
}

.footer1 .frt .ul1 li .atop .xian {
  display: block;
  width: 100%;
  height: 1px;
  background: #ddd;
}

.footer1 .frt .ul1 li .atop .xian s {
  display: block;
  height: 2px;
  width: 0%;
  background: #1388BE;
}

.footer1 .frt .ul1 li:hover .atop .xian s {
  width: 100%;
}

.footer1 .frt .ul1 li:hover .atop a {
  font-weight: bold;
  color: #1388BE;
}

.footer1 .frt .ul1 li:nth-child(n+4) {
  margin-bottom: 0;
}

.footer1 .frt .ul1 li .abtm {
  position: absolute;
  top: 110%;
  left: 0;
  padding-top: 10px;
  pointer-events: none;
  opacity: 0;
}

.footer1 .frt .ul1 li .abtm a {
  display: block;
  line-height: 24px;
  color: #999;
  margin-bottom: 5px;
}

.footer1 .frt .ul1 li .abtm a:hover {
  text-decoration: underline;
  color: #1388BE;
}

.footer1 .frt .ul1 li:hover .abtm {
  top: 100%;
  pointer-events: visible;
  opacity: 1;
}

.footer2 {
  width: 100%;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
  line-height: 1.6;
  font-size: 12px;
}

.footer2 .xian {
  display: block;
  width: 100%;
  height: 5px;
  background: -webkit-linear-gradient(right, #0FAAF2 26.44%, #84BD12 91.35%);
  background: -moz-linear-gradient(right, #0FAAF2 26.44%, #84BD12 91.35%);
  background: -o-linear-gradient(right, #0FAAF2 26.44%, #84BD12 91.35%);
  background: linear-gradient(270deg, #0FAAF2 26.44%, #84BD12 91.35%);
}

.footer2 .fox {
  padding: 20px 0;
  color: #fff;
  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: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.footer2 .fox .flt {
  width: -webkit-calc(100% - 300px);
  width: -moz-calc(100% - 300px);
  width: calc(100% - 300px);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.footer2 .fox .flt .a {
  color: #fff;
  padding: 0 2px;
  margin: 0 4px;
}

.footer2 .fox .flt .a3 a {
  color: #fff;
}

.footer2 .fox .flt a:hover {
  text-decoration: underline;
}

.footer2 .fox .frt {
  width: 300px;
  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;
}

.footer2 .fox .frt a {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.footer2 .fox .frt a .wz {
  padding: 4px 20px 0 1px;
  background: url(../images_die/svg/jt_1.svg) right 10px no-repeat;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  margin-left: 5px;
}

.footer2 .fox .frt a:hover .wz {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* 关于我们 */
.banner {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #000;
}

.banner img {
  width: 100%;
  opacity: 0.9;
}

.banner .mimg {
  display: none;
}

.banner.wow1 .pimg {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  -o-transition-duration: 5s;
  transition-duration: 5s;
}

.banner .nav {
  position: absolute;
  width: 100%;
  top: 120px;
  left: 0;
  z-index: 3;
  text-transform: capitalize;
}

.banner .nav .nox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.banner .nav a {
  display: block;
  color: #fff;
  padding-left: 20px;
  margin-right: 10px;
  background: url(../images_die/svg/jt_1.svg) center left no-repeat;
  line-height: 20px;
}

.banner .nav a:nth-child(1) {
  padding-left: 30px;
  background: url(../images_die/svg/home.svg) center left no-repeat;
}

.banner .nav a:hover {
  text-decoration: underline;
}

.banner .tt {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 3;
  width: 100%;
  color: #fff;
  text-transform: capitalize;
  font-family: "nsrx";
}

.banner .ul1 {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 5;
  bottom: 40px;
}

.banner .ul1 .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;
  text-transform: capitalize;
}

.banner .ul1 .ul li {
  width: 50%;
  margin: 0 20px;
}

.banner .ul1 .ul li a {
  display: block;
  position: relative;
  color: #fff;
  line-height: 66px;
  width: 100%;
}

.banner .ul1 .ul li a .aox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  border-bottom: 1px solid #ddd;
}

.banner .ul1 .ul li a .aox .wz {
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
}

.banner .ul1 .ul li a .aox s {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images_die/svg/jtb.svg) center no-repeat;
}

.banner .ul1 .ul li a span {
  display: block;
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  border-radius: 4px;
  background: -webkit-linear-gradient(359deg, rgba(35, 175, 124, 0.48) 8.73%, rgba(35, 175, 124, 0.56) 84.15%);
  background: -moz-linear-gradient(359deg, rgba(35, 175, 124, 0.48) 8.73%, rgba(35, 175, 124, 0.56) 84.15%);
  background: -o-linear-gradient(359deg, rgba(35, 175, 124, 0.48) 8.73%, rgba(35, 175, 124, 0.56) 84.15%);
  background: linear-gradient(91deg, rgba(35, 175, 124, 0.48) 8.73%, rgba(35, 175, 124, 0.56) 84.15%);
  backdrop-filter: blur(14px);
}

.banner .ul1 .ul li:hover a .aox, .banner .ul1 .ul li.act a .aox {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  padding: 0 10px 0 20px;
}

.banner .ul1 .ul li:hover a span, .banner .ul1 .ul li.act a span {
  width: 100%;
}

.banner .ul1 .ul li.act a .aox {
  font-weight: bold;
}

/* 关于 */
.ab1 {
  padding: 1rem 0 1.2rem;
}

.ab1 .tt {
  font-family: "nsrx";
  text-transform: capitalize;
  color: #04313B;
}

.ab1 .aox {
  margin-top: 0.5rem;
}

.ab1 .aox .alt {
  width: 70%;
  float: left;
}

.ab1 .aox .art {
  width: 30%;
  padding-left: 0.6rem;
  float: right;
}

.ab1 .aox .art .att {
  line-height: 1.375;
  color: #04313B;
}

.ab1 .aox .art .atc {
  color: #666;
  line-height: 1.625;
  margin-top: 0.5rem;
}

.ab2 {
  padding: 1rem 0 1.2rem;
  text-align: center;
  color: #fff;
  line-height: 1.625;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
}

.ab2 .tt {
  font-family: "nsrx";
  text-transform: capitalize;
  margin-bottom: 0.3rem;
}

.ab2 .tc {
  font-family: "nsrx";
}

.swiper3 .swiper-slide {
  height: auto;
  padding: 60px 0;
}

.swiper3 .swiper-slide .sbox {
  display: block;
  background: #fff;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  padding: 20px 30px 30px;
  width: 100%;
  height: 100%;
  text-align: left;
  top: 0px;
}

.swiper3 .swiper-slide .sbox .img {
  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: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.swiper3 .swiper-slide .sbox .img .ico {
  width: 0.8rem;
}

.swiper3 .swiper-slide .sbox .img s {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: url(../images_die/svg/ab_2_5.svg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
  opacity: 0;
  position: relative;
  right: 20px;
}

.swiper3 .swiper-slide .sbox .txt {
  position: relative;
  padding-left: 15px;
  line-height: 24px;
  margin-top: 5px;
}

.swiper3 .swiper-slide .sbox .txt s {
  display: block;
  width: 4px;
  height: 4px;
  background: #444;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.swiper3 .swiper-slide .sbox .txt .p {
  color: #444;
}

.swiper3 .swiper-slide .sbox .xian {
  display: block;
  width: 0%;
  height: 4px;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}

.swiper3 .swiper-slide:hover .sbox {
  top: -20px;
}

.swiper3 .swiper-slide:hover .sbox .img s {
  opacity: 1;
  right: 0px;
}

.swiper3 .swiper-slide:hover .sbox .xian {
  width: 100%;
}

.swiper3 .swiper-slide:hover .sbox .txt .p {
  color: #23B07B;
}

.swiper3 .swiper-slide:hover .sbox .txt s {
  background: #23B07B;
}

.ab3 {
  padding: 0.8rem 0;
}

.ab3 .ul1 {
  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-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.ab3 .ul1 li {
  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;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
  font-family: "nsrx";
  width: 47.7%;
  margin-top: 0.8rem;
  padding: 0.75rem 0.45rem;
  background: url(../images_die/ab_3_1.jpg) center no-repeat;
  line-height: 26px;
}

.ab3 .ul1 li .ltt {
  line-height: 1.375;
  font-family: "nsr";
  color: #04313B;
  min-height: 0.9rem;
  margin-bottom: 0.3rem;
}

.ab3 .ul1 li .img {
  width: 1.2rem;
  position: relative;
  height: 1.2rem;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  border: 1px solid #23B07B;
  border-radius: 50%;
}

.ab3 .ul1 li .img .ico {
  width: 0.48rem;
  position: relative;
}

.ab3 .ul1 li .img .ico img {
  width: 100%;
}

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

.ab3 .ul1 li .txt {
  width: -webkit-calc(100% - 1.5rem);
  width: -moz-calc(100% - 1.5rem);
  width: calc(100% - 1.5rem);
}

.ab3 .ul1 li .txt .ltc {
  color: #666;
  margin-bottom: 0.2rem;
}

.ab3 .ul1 li .txt .ltc2 .p {
  position: relative;
  padding-left: 10px;
  color: #666;
}

.ab3 .ul1 li .txt .ltc2 .p s {
  display: block;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.ab3 .ul1 li:hover .img {
  background: #23B07B;
}

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

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

.ab4 {
  padding-bottom: 1.2rem;
}

.ab4 .aox {
  padding: 0.5rem 0.8rem;
  background: url(../images_die/ab4.jpg) center no-repeat;
  color: #fff;
  line-height: 1.625;
}

.ab4 .aox div {
  width: 100%;
  max-width: 765px;
}

.ab4 .aox .tc {
  margin-top: 5px;
}

.abcu1 {
  padding: 1.05rem 0 1.75rem;
  background: url(../images_die/abcu_1bg.jpg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
}

.abcu1 .tt {
  font-family: "nsrx";
  text-transform: capitalize;
  color: #04313B;
  line-height: 1.3;
}

.swiper4 .swiper-slide {
  height: auto;
  padding: 40px 0;
}

.swiper4 .swiper-slide .sbox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0.6rem 0.35rem 0.8rem;
  background: url(../images_die/abcu_1_1.jpg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
  border: 1px solid #25B17C;
  border-radius: 10px;
  top: 0px;
}

.swiper4 .swiper-slide .sbox .img {
  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;
  color: #25B17C;
  margin-bottom: 1.65rem;
}

.swiper4 .swiper-slide .sbox .img .ico {
  width: 0.8rem;
  position: relative;
}

.swiper4 .swiper-slide .sbox .img .ico img {
  width: 100%;
}

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

.swiper4 .swiper-slide .sbox .txt .stt {
  line-height: 1.375;
  color: #04313B;
  margin-bottom: 15px;
}

.swiper4 .swiper-slide .sbox .txt .stc {
  position: relative;
  padding-left: 15px;
  line-height: 26px;
}

.swiper4 .swiper-slide .sbox .txt .stc .p {
  color: #666;
}

.swiper4 .swiper-slide .sbox .txt .stc s {
  display: block;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.swiper4 .swiper-slide .sbox:hover {
  top: -20px;
  background: url(../images_die/abcu_1_2.jpg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
  border: 1px solid rgba(0, 0, 0, 0);
}

.swiper4 .swiper-slide .sbox:hover .img img:nth-child(1) {
  opacity: 0;
}

.swiper4 .swiper-slide .sbox:hover .img img:nth-child(2) {
  opacity: 1;
}

.swiper4 .swiper-slide .sbox:hover .img .sz {
  color: #fff;
}

.swiper4 .swiper-slide .sbox:hover .txt .stt {
  color: #fff;
}

.swiper4 .swiper-slide .sbox:hover .txt .stc .p {
  color: #fff;
}

.swiper4 .swiper-slide .sbox:hover .txt .stc s {
  background: #fff;
}

.abmi1 {
  padding: 60px 0;
  background: url(../images_die/abmi_1bg.jpg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
}

.abmi1 .aox {
  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;
  -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
          align-content: flex-start;
}

.abmi1 .aox .alt {
  width: 200px;
  position: sticky;
  left: 0;
  top: 100px;
  z-index: 3;
  padding: 0;
  padding: 60px 0;
  height: -webkit-calc(100vh - 200px);
  height: -moz-calc(100vh - 200px);
  height: calc(100vh - 200px);
}

.abmi1 .aox .alt .hezi {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.abmi1 .aox .alt .hezi .btn {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images_die/svg/abmi_1_2.svg) center top no-repeat;
  margin: 0 0 5px 70px;
  cursor: pointer;
}

.abmi1 .aox .alt .hezi .btn:hover {
  background: url(../images_die/svg/abmi_1_3.svg) center top no-repeat;
}

.abmi1 .aox .alt .hezi .next5 {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.abmi1 .aox .alt .hezi .shux {
  display: block;
  width: 1px;
  height: -webkit-calc(100% - 100px);
  height: -moz-calc(100% - 100px);
  height: calc(100% - 100px);
  margin: 0 0 0 95px;
  background: #D9D9D9;
}

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

.swiper5 .swiper-slide {
  width: 100%;
}

.swiper5 .swiper-slide .sbox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  height: 100%;
}

.swiper5 .swiper-slide .sbox .jt {
  width: 73px;
  opacity: 0;
  height: 100%;
}

.swiper5 .swiper-slide .sbox .jt img {
  height: 100%;
  margin: 0 auto;
  max-height: 56px;
}

.swiper5 .swiper-slide .sbox .xian {
  display: block;
  width: 24px;
  height: 2px;
  background: #D9D9D9;
  margin: 0 25px 0 10px;
}

.swiper5 .swiper-slide .sbox .wz {
  color: #04313B;
}

.swiper5 .swiper-slide.act .sbox .jt {
  opacity: 1;
}

.abmi1 .aox .art {
  width: -webkit-calc(100% - 200px);
  width: -moz-calc(100% - 200px);
  width: calc(100% - 200px);
  padding-left: 1.6rem;
}

.abmi1 .aox .art .ali {
  display: block;
  width: 100%;
  padding: 0.6rem;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}

.abmi1 .aox .art .ali .wzlt {
  width: 73%;
  padding-right: 10px;
  line-height: 1.5;
  color: #444;
}

.abmi1 .aox .art .ali .wzlt .year {
  margin-bottom: 10px;
  color: #04313B;
}

.abmi1 .aox .art .ali .wzlt .dad {
  line-height: 36px;
}

.abmi1 .aox .art .ali .wzlt .p {
  position: relative;
  padding-left: 15px;
}

.abmi1 .aox .art .ali .wzlt .p s {
  display: block;
  width: 4px;
  height: 4px;
  background: #444;
  position: absolute;
  left: 0;
  top: 15px;
  border-radius: 50%;
}

.abmi1 .aox .art .ali .wzrt {
  width: 27%;
}

.abmi1 .aox .art .ali.act {
  border: 1px solid #20A881;
  background: #FFF;
}

.able1 {
  padding: 1.05rem 0 1.2rem;
  background: #FAFAFA;
}

.able1 .tt {
  font-family: "nsrx";
  text-transform: capitalize;
  color: #04313B;
  line-height: 1.3;
}

.able1 .ul1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: 0.6rem;
}

.able1 .ul1 li {
  width: -webkit-calc((100% - 60px) / 4);
  width: -moz-calc((100% - 60px) / 4);
  width: calc((100% - 60px) / 4);
  margin: 0 20px 20px 0;
  cursor: pointer;
}

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

.able1 .ul1 li {
  background: #fff;
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

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

.able1 .ul1 li .img img {
  width: 100%;
  -moz-transform: scale(1.00002);
   -ms-transform: scale(1.00002);
    -o-transform: scale(1.00002);
       transform: scale(1.00002);
  -webkit-transform: scale(1.00002);
}

.able1 .ul1 li .txt {
  padding: 25px 30px 45px;
  position: relative;
  overflow: hidden;
}

.able1 .ul1 li .txt .ltt {
  color: #999;
  line-height: 20px;
}

.able1 .ul1 li .txt .ltc {
  margin: 10px 0 5px;
  line-height: 34px;
  height: 102px;
  word-break: break-all;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #222;
}

.able1 .ul1 li .txt .mo {
  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-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  line-height: 20px;
}

.able1 .ul1 li .txt .mo s {
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images_die/svg/jt_h.svg) center no-repeat;
  margin-left: 5px;
}

.able1 .ul1 li .txt .xian {
  display: block;
  width: 0%;
  height: 4px;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}

.able1 .ul1 li:hover {
  box-shadow: 0px 5px 9.7px 0px rgba(27, 101, 135, 0.22);
}

.able1 .ul1 li:hover .img img {
  width: 100%;
  -moz-transform: scale(1.05);
   -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
       transform: scale(1.05);
  -webkit-transform: scale(1.05);
}

.able1 .ul1 li:hover .txt .ltt {
  color: #23B07B;
}

.able1 .ul1 li:hover .txt .ltc {
  color: #04313B;
}

.able1 .ul1 li:hover .txt .xian {
  width: 100%;
}

/* 团队弹窗 */
.tema_tanchuang {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(3, 27, 53, 0.5);
  display: none;
}

.tema_tanchuang .hezi {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.tema_tanchuang .hezi .tox {
  background: #FFFFFF;
  padding: 40px;
  width: 1200px;
  max-height: 90%;
  max-width: 90%;
  position: relative;
}

.tema_tanchuang .hezi .tox .img {
  width: 250px;
}

.tema_tanchuang .hezi .tox .tt1 {
  color: #20A881;
  line-height: 20px;
  margin: 15px 0 10px;
}

.tema_tanchuang .hezi .tox .tt2 {
  line-height: 44px;
  color: #04313B;
}

.tema_tanchuang .hezi .tox .tc {
  line-height: 22px;
  color: #666;
  padding-top: 20px;
  overflow: auto;
  height: 2.9rem;
  border-top: 1px dashed #23B07B;
  margin-top: 30px;
}

.tema_tanchuang .hezi .tox .out {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images_die/cai.jpg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 3;
  cursor: pointer;
  border-radius: 50%;
}

.tema_tanchuang .hezi .tox .out s {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images_die/svg/out.svg) center no-repeat;
}

.tema_tanchuang .hezi .tox .out:hover {
  -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.tema_tanchuang .hezi .tox .dl1 dd {
  display: none;
}

.ablx1 {
  padding: 1.2rem 0;
  background: #FAFAFA;
}

.ablx1 .aox {
  background: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.ablx1 .aox .alt {
  width: 40%;
  padding: 0.6rem 0.5rem;
  background: -webkit-linear-gradient(315deg, #23B07B -0.83%, #015ABE 95.55%);
  background: -moz-linear-gradient(315deg, #23B07B -0.83%, #015ABE 95.55%);
  background: -o-linear-gradient(315deg, #23B07B -0.83%, #015ABE 95.55%);
  background: linear-gradient(135deg, #23B07B -0.83%, #015ABE 95.55%);
  color: #fff;
}

.ablx1 .aox .alt .img {
  width: 100%;
  margin: 25px 0 20px;
}

.ablx1 .aox .alt .img img {
  width: 100%;
}

.ablx1 .aox .alt .dl1 dd {
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  padding-top: 20px;
}

.ablx1 .aox .alt .dl1 dd .dtt .p {
  padding-left: 15px;
  line-height: 32px;
  position: relative;
}

.ablx1 .aox .alt .dl1 dd .dtt .p s {
  display: block;
  width: 5px;
  height: 5px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 15px;
}

.ablx1 .aox .alt .dl1 dd .dtc {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 5px 0 25px;
}

.ablx1 .aox .alt .dl1 dd .dtc a {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  margin-right: 15px;
  line-height: 24px;
}

.ablx1 .aox .alt .dl1 dd .dtc a .ico {
  width: 15px;
  margin-right: 5px;
}

.ablx1 .aox .alt .dl1 dd .dtc a span {
  text-decoration: underline;
}

.ablx1 .aox .alt .dbtm {
  margin-top: 1.3rem;
  line-height: 24px;
  opacity: 0.8;
}

.ablx1 .aox .art {
  padding: 0.7rem 0.25rem 0.4rem;
  width: 60%;
}

.ablx1 .aox .art .tt {
  line-height: 1.2;
  font-family: "nsrx";
}

.ablx1 .aox .art .tt2 {
  margin: 20px 0;
  font-family: "nsrx";
  line-height: 32px;
}

.ablx1 .aox .art .tt2 span {
  color: #f00;
}

.ablx1 .aox .art .ul1 {
  padding-top: 20px;
  border-top: 1px dashed #486A00;
}

.ablx1 .aox .art .ul1 li {
  padding-bottom: 18px;
}

.ablx1 .aox .art .ul1 li .ltop span {
  color: #f00;
}

.ablx1 .aox .art .ul1 li input, .ablx1 .aox .art .ul1 li textarea {
  display: block;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  background: #F2F3F5;
  border-radius: 5px;
  border: 0;
  margin-top: 8px;
  outline: none;
  color: #000;
}

.ablx1 .aox .art .ul1 li textarea {
  width: 100%;
  height: 240px;
  padding: 10px;
  font-family: "nsr";
}

.ablx1 .aox .art .ul1 li.act input, .ablx1 .aox .art .ul1 li.act textarea {
  border: 1px solid #f00;
}

.ablx1 .aox .art .more {
  margin-top: 20px;
}

.ablx1 .aox .art .more .a .wafd {
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px 0 20px;
}

/* 表单弹窗 */
.tab_tanchuang {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(3, 27, 53, 0.5);
  display: none;
}

.tab_tanchuang .hezi {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.tab_tanchuang .hezi .tox {
  background: #FFFFFF;
  padding: 1rem;
  width: 750px;
  max-height: 90%;
  max-width: 90%;
  position: relative;
}

.tab_tanchuang .hezi .tox .ico {
  width: 200px;
  margin: 0 auto;
}

.tab_tanchuang .hezi .tox .wz {
  margin: 0.6rem auto 0;
  width: 100%;
  max-width: 465px;
  text-align: center;
  line-height: 1.5;
  border-top: 1px dashed #20A881;
  padding-top: 0.4rem;
  color: #04313B;
}

.tab_tanchuang .hezi .tox .wz .tc {
  color: #20A881;
  margin-top: 10px;
}

.tab_tanchuang .hezi .tox .out {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images_die/cai.jpg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 3;
  cursor: pointer;
  border-radius: 50%;
}

.tab_tanchuang .hezi .tox .out s {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images_die/svg/out.svg) center no-repeat;
}

.tab_tanchuang .hezi .tox .out:hover {
  -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

/* 科学 */
.banner .tt .tc {
  margin-top: 20px;
}

.sc1 {
  padding: 1.2rem 0;
  background: url(../images_die/sc_1_1.jpg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
}

.sc1 .stop .slt {
  width: 30%;
  float: left;
  padding-right: 0.5rem;
}

.sc1 .stop .slt .tt {
  line-height: 1.4;
  color: #04313B;
}

.sc1 .stop .slt .tc {
  line-height: 26px;
  margin-top: 0.45rem;
}

.sc1 .stop .srt {
  width: 70%;
  float: right;
}

.sc1 .stop .srt img {
  width: 100%;
}

.sc1 .xianx {
  display: block;
  width: 100%;
  height: 1px;
  background: #ddd;
  margin: 1.2rem 0;
}

.swiper6 .swiper-slide {
  height: 100%;
  padding: 10px;
  height: auto;
}

.swiper6 .swiper-slide .sbox {
  border-radius: 10px;
  background: url(../images_die/sc_1_1.png) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
  padding: 0.4rem 0.25rem 0.6rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  width: 100%;
  height: 100%;
}

.swiper6 .swiper-slide .sbox .ico {
  width: 1.5rem;
}

.swiper6 .swiper-slide .sbox .stt {
  line-height: 32px;
  min-height: 64px;
  margin: 0.65rem 0 0.45rem;
  color: #04313B;
}

.swiper6 .swiper-slide .sbox .stc .p {
  position: relative;
  padding-left: 15px;
  color: #666;
  line-height: 26px;
  margin-top: 15px;
}

.swiper6 .swiper-slide .sbox .stc .p s {
  display: block;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.swiper6 .swiper-slide .sbox .xian {
  display: block;
  width: 0%;
  height: 6px;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
}

.swiper6 .swiper-slide:hover .sbox {
  box-shadow: 0px 8.563px 13.079px 0px #C0DEEF;
}

.swiper6 .swiper-slide:hover .sbox .xian {
  width: 100%;
}

.swiper7 .xia {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  bottom: 0.3rem;
  z-index: 3;
  width: 100%;
}

.swiper7 .xia .btn {
  width: 20px;
  height: 20px;
  background: url(../images_die/svg/jt_la.svg) center no-repeat;
  cursor: pointer;
}

.swiper7 .xia .prev7 {
  -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
       -o-transform: rotate(180deg);
          transform: rotate(180deg);
}

.swiper7 .xia .pagination7 {
  position: relative;
  width: auto;
  top: 0;
  margin: 0 20px;
}

.swiper7 .xia .pagination7 span {
  opacity: 1;
  background: rgba(0, 0, 0, 0);
  width: 6px;
  height: 6px;
  border: 1px solid #000;
  margin: 0 7px !important;
  border-radius: 3px;
}

.swiper7 .xia .pagination7 span.swiper-pagination-bullet-active {
  width: 17px;
  background: #000;
}

/* 表单弹窗 */
.kexue_tanchuang {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(3, 27, 53, 0.5);
  display: none;
}

.kexue_tanchuang .hezi {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.kexue_tanchuang .hezi .tox {
  background: #FFFFFF;
  padding: 80px;
  width: 1680px;
  max-height: 90%;
  max-width: 90%;
  position: relative;
}

.kexue_tanchuang .hezi .tox .kkoo {
  position: relative;
}

.kexue_tanchuang .hezi .tox .kkoo .klt {
  width: 36.2%;
  border: 1px solid #ddd;
}


.swiper7 {}

.swiper7 .swiper-slide {}

.swiper7 .swiper-slide .sbox{display:block;width:100%;}


.kexue_tanchuang .hezi .tox .kkoo .krt {
  width: 63.8%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: auto;
  padding-left: 0.35rem;
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .ico {
  width: 1.5rem;
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .dtt1 {
  line-height: 1.2;
  color: #04313B;
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .dtt2 {
  color: #666;
  line-height: 1.5;
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .dtc1 {
  padding-top: 20px;
  border-top: 1px solid #ddd;
  margin-top: 25px;
  line-height: 26px;
  color: #666;
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .dtc1 .p1 {
  position: relative;
  padding-left: 15px;
  margin: 5px 0 10px;
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .dtc1 .p1 s {
  display: block;
  width: 4px;
  height: 4px;
  background: #04313B;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .dtc1 .p1 span {
  color: #04313B;
  font-weight: bold;
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .dtc1 .p2 {
  position: relative;
  padding-left: 15px;
  margin: 5px 0;
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .dtc1 .p2 s {
  display: block;
  width: 4px;
  height: 4px;
  background: #666;
  border-radius: 50%;
  position: absolute;
  left: 5px;
  top: 10px;
}

.kexue_tanchuang .hezi .tox .out {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images_die/cai.jpg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 3;
  cursor: pointer;
  border-radius: 50%;
}

.kexue_tanchuang .hezi .tox .out s {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images_die/svg/out.svg) center no-repeat;
}

.kexue_tanchuang .hezi .tox .out:hover {
  -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

.kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd {
  display: none;
}

/* 产品管线 */
.pip1 {
  padding: 1.2rem 0;
  background: url(../images_die/pip_1bg.jpg) center top no-repeat;
  -o-background-size: cover;
     background-size: cover;
}

.pip1 .anniu {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 0.6rem;
}

.pip1 .anniu a {
  display: block;
  width: 3.6rem;
  line-height: 60px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  margin: 0 15px;
  color: #04313B;
}

.pip1 .anniu a.act, .pip1 .anniu a:hover {
  background: #23B07B;
  color: #fff;
  border: 1px solid #23B07B;
}

.pip1 .anniu a.act {
  font-weight: bold;
}

.pip1 .xian {
  display: block;
  width: 100%;
  height: 4px;
  background: -webkit-linear-gradient(left, #23AF7C 0%, #015BBE 100%);
  background: -moz-linear-gradient(left, #23AF7C 0%, #015BBE 100%);
  background: -o-linear-gradient(left, #23AF7C 0%, #015BBE 100%);
  background: linear-gradient(90deg, #23AF7C 0%, #015BBE 100%);
}

.pip1 .dl1 dd {
  padding: 25px 0 60px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(195, 211, 218, 0.5);
}

.pip1 .dl1 dd .dtop {
  color: #04313B;
  margin-bottom: 25px;
}

.pip1 .dl1 dd .dbtm {
  position: relative;
}

.pip1 .table {
  position: relative;
  width: 100%;
  color: #555;
}

.pip1 .table table {
  width: 100%;
  background: #fff;
  text-align: center;
  border-bottom: 1px solid rgba(195, 211, 218, 0.5);
}

.pip1 .table table tr {
  position: relative;
}

.pip1 .table table tr.active {
  z-index: 2;
}

.pip1 .table table tr.active .hezi, .pip1 .table table tr.active1 .hezi {
  opacity: 1;
}

.pip1 .table table tr.active1 .hox {
  display: none;
}

.pip1 .table table tr td {
  padding: 25px 5px;
  line-height: 30px;
  border-right: 1px solid rgba(195, 211, 218, 0.5);
}

.pip1 .table table tr:nth-child(2n) td {
  background: #F5FBFB;
}

.pip1 .table table tr td {
  background: #fff;
}

.pip1 .table table tr td[rowspan] {
  background: #fff;
}

.pip1 .table table tr td img {
  display: inline-block;
}

.pip1 .table table tr .bgjdt {
  padding: 25px 0;
}

.pip1 .table table tr .bgjdt s {
  display: block;
  width: 0%;
  height: 20px;
  border-radius: 0 30px 30px 0;
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}

.bg_lan {
  background: -webkit-linear-gradient(left, #3E84D2 0%, #3E84D2 100%);
  background: -moz-linear-gradient(left, #3E84D2 0%, #3E84D2 100%);
  background: -o-linear-gradient(left, #3E84D2 0%, #3E84D2 100%);
  background: linear-gradient(90deg, #3E84D2 0%, #3E84D2 100%);
}

.bg_lv {
  background: -webkit-linear-gradient(left, #69D3CD 0%, #69D3CD 100%);
  background: -moz-linear-gradient(left, #69D3CD 0%, #69D3CD 100%);
  background: -o-linear-gradient(left, #69D3CD 0%, #69D3CD 100%);
  background: linear-gradient(90deg, #69D3CD 0%, #69D3CD 100%);
}

.pip1 .table table tr td:nth-child(1) {
  color: #04313B;
}

.pip1 .table table tr:nth-child(1) td {
  background: #015ABE;
  color: #fff;
  text-transform: uppercase;
}

.pip1 .table table tr:nth-child(1) td:nth-child(2n) {
  background: #045EC4;
}

.pip1 .table.wow1 table tr .bgjdt s {
  -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
       transition-delay: 1s;
  -webkit-transition-delay: 1s;
}

.pip1 .table.wow1 table tr .bgjdt s.act_5 {
  width: 5%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_10 {
  width: 10%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_15 {
  width: 15%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_20 {
  width: 20%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_25 {
  width: 25%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_30 {
  width: 30%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_35 {
  width: 35%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_40 {
  width: 40%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_45 {
  width: 45%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_50 {
  width: 50%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_55 {
  width: 55%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_60 {
  width: 60%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_65 {
  width: 65%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_70 {
  width: 70%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_75 {
  width: 75%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_80 {
  width: 80%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_85 {
  width: 85%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_90 {
  width: 90%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_95 {
  width: 95%;
}

.pip1 .table.wow1 table tr .bgjdt s.act_100 {
  width: 100%;
}

.pip1 .dl1 dd table tr.active .bg_hei, .pip1 .dl1 dd table tr.active1 .bg_hei {
  opacity: 1;
  pointer-events: auto;
}

.pip1 .dl1 dd table tr.active1 {
  z-index: 2;
}

.pip1 .dl1 dd table td .bg_hei {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(35, 176, 123, 0.5);
  top: 0;
  left: 0;
  border-radius: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-delay: 0s !important;
     -moz-transition-delay: 0s !important;
       -o-transition-delay: 0s !important;
          transition-delay: 0s !important;
  -webkit-transition-duration: 0.3s !important;
     -moz-transition-duration: 0.3s !important;
       -o-transition-duration: 0.3s !important;
          transition-duration: 0.3s !important;
}

.pip1 .dl1 dd .hezi {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  /*background: rgba(0, 0, 0, 0.2);*/
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  opacity: 0;
  pointer-events: none;
  text-align: left;
}

.pip1 .dl1 dd .hox {
  position: absolute;
  top: 10px;
  right: 20px;
  width: 35%;
  max-width: 570px;
  background: #fff;
  border-radius: 10px;
  padding: 20px 30px;
  border: 1px solid #e5e5e5;
}

.pip1 .dl1 dd .hox .ul1 {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.pip1 .dl1 dd .hox .ul1 li {
  line-height: 2.3;
  color: #666;
}

.pip1 .dl1 dd .hox .ul1 li span {
  color: #04313B;
}

.pip1 .dl1 dd.act .hezi {
  opacity: 1;
  visibility: visible;
}

.js_tanchuang {
  cursor: pointer;
}

.pip1 .pbtm {
  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;
  color: #666;
  line-height: 1.8;
}

.pip1 .pbtm .plt {
  width: 50%;
}

.pip1 .pbtm .plt .tt span {
  color: #f00;
}

.pip1 .pbtm .plt .tc {
  margin-top: 25px;
}

.pip1 .pbtm .plt .tc .p {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #04313B;
  line-height: 20px;
  margin-bottom: 10px;
}

.pip1 .pbtm .plt .tc .p span {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 20px 0 10px;
  background: #3E84D2;
}

.pip1 .pbtm .plt .tc .p .wz {
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
}

.pip1 .pbtm .plt .tc .p:nth-child(2) span {
  background: #69D3CD;
}

.pip1 .pbtm .prt {
  max-width: 50%;
}

.pip1 .pbtm .prt .ul1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.pip1 .pbtm .prt .ul1 li {
  margin-left: 0.3rem;
}

.pip1 .pbtm .prt .ul1 li span {
  color: #04313B;
}

/* 合作伙伴 */
.par1 {
  padding: 1rem 0 0.8rem;
}

.par1 .ptop {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.par1 .ptop .tt {
  width: 300px;
  font-family: "nsrx";
  color: #04313B;
  text-transform: capitalize;
}

.par1 .ptop .prt {
  width: -webkit-calc(100% - 300px);
  width: -moz-calc(100% - 300px);
  width: calc(100% - 300px);
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.par1 .ptop .prt .ul1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.par1 .ptop .prt .ul1 li {
  position: relative;
  margin-left: 0.8rem;
  cursor: pointer;
}

.par1 .ptop .prt .ul1 li .wz {
  color: #999;
  padding-bottom: 5px;
}

.par1 .ptop .prt .ul1 li .xian1 {
  display: block;
  width: 0%;
  height: 2px;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
}

.par1 .ptop .prt .ul1 li.act .xian1 {
  width: 100%;
}

.par1 .ptop .prt .ul1 li.act .wz, .par1 .ptop .prt .ul1 li:hover .wz {
  color: #04313B;
}

.par1 .ptop .prt .ul1 li .xian2 {
  display: block;
  width: 2px;
  height: 18px;
  background: #666;
  position: absolute;
  left: -0.4rem;
  top: 5px;
}

.par1 .ptop .prt .ul1 li:nth-child(1) .xian2 {
  display: none;
}

.par1 .ptop .prt .ul1 li:nth-child(1) {
  margin: 0;
}

.par1 .pbtm {
  padding-top: 0.6rem;
}


/* 
.i6 .dl1 dd.act{opacity: 1;top: 0px;opacity: 1;pointer-events: visible;}



.i6 .dl1{margin-top: 30px;width: 100%;height: 320px;position: relative;}

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

.i6 .dl1 dd.act{opacity: 1;top: 0px;opacity: 1;pointer-events: visible;} */



.par1 .dl1{margin-top: 30px;width: 100%;height: 140px;position: relative;}

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

.par1 .dl1 dd.act{opacity: 1;top: 0px;opacity: 1;pointer-events: visible;}

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

.demoScroll .ul3{padding: 0;}

.demoScroll li {width: 337px;position: relative;border: 1px solid #C3D3DA;margin: 10px ;border-radius: 10px;overflow: hidden;}
  
.demoScroll li .img, .demoScroll li img {width: 100%;}
  
.demoScroll li .txt {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);color: #fff;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-justify-content: center;   -moz-box-pack: center;    -ms-flex-pack: center;        justify-content: center;-webkit-align-items: center;   -moz-box-align: center;    -ms-flex-align: center;        align-items: center;-webkit-align-content: center;    -ms-flex-line-pack: center;        align-content: center;padding: 10px;text-align: center;line-height: 1.5;opacity: 0;}
  
.demoScroll li .txt .wz { max-width: 12em;}
  
.demoScroll li:hover .txt {opacity: 1;}




.par1 .pbtm .ul2 li {
  display: none;
}

.par1 .pbtm .ul2 li:nth-child(1) {
  display: block;
}

.par1 .pbtm .ul2 .li-title {
  line-height: 1.3;
  display: none;
}

.par1 .pbtm .ul2 .dl1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-top: 1px solid #C3D3DA;
}

.par1 .pbtm .ul2 .dl1 dd {
  width: 20%;
  position: relative;
  border-bottom: 1px solid #C3D3DA;
  max-width: 335px;
}

.par1 .pbtm .ul2 .dl1 dd .img, .par1 .pbtm .ul2 .dl1 dd .img img {
  width: 100%;
}

.par1 .pbtm .ul2 .dl1 dd .txt {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
  color: #fff;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  padding: 10px;
  text-align: center;
  line-height: 1.5;
  opacity: 0;
}

.par1 .pbtm .ul2 .dl1 dd .txt .wz {
  max-width: 12em;
}

.par1 .pbtm .ul2 .dl1 dd:hover .txt {
  opacity: 1;
}

.par2 {
  padding: 1.1rem 0 1.7rem;
  background: #FAFAFA;
}

.par2 .tt {
  font-family: "nsrx";
  color: #04313B;
  text-transform: capitalize;
}

.par2 .tc {
  font-family: "nsrx";
  color: #04313B;
  text-transform: capitalize;
  margin: 10px 0 0.55rem;
}

.par2 .pox {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

.par2 .pox .plt {
  width: 33%;
  max-width: 550px;
}

.par2 .pox .prt {
  width: 67%;
  padding: 1rem 0.6rem;
}

.par2 .pox .prt .dl1 dd {
  margin-bottom: 0.7rem;
}

.par2 .pox .prt .dl1 dd .dtop {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.par2 .pox .prt .dl1 dd .dtop .wz {
  width: -webkit-calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: calc(100% - 30px);
}

.par2 .pox .prt .dl1 dd .dtop s {
  display: block;
  width: 30px;
  height: 30px;
  background: url(../images_die/svg/jt_zk1.svg) center no-repeat;
}

.par2 .pox .prt .dl1 dd:last-child {
  margin-bottom: 0;
}

.par2 .pox .prt .dl1 dd .dbtm {
  display: none;
  line-height: 26px;
  color: #1388BE;
  padding: 24px 0 0;
}

.par2 .pox .prt .dl1 dd.act .dtop .wz {
  color: #1388BE;
}

.par2 .pox .prt .dl1 dd.act .dtop s {
  background: url(../images_die/svg/jt_zk2.svg) center no-repeat;
}

/* 新闻*/
.news1 {
  padding: 1.1rem 0 1.2rem;
  background: url(../images/nebg.jpg) center no-repeat;
  -o-background-size: cover;
     background-size: cover;
}

.news1 .tt {
  font-family: "nsrx";
  color: #04313B;
  text-transform: capitalize;
}

.news1 .ul1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 60px 0 30px;
}

.news1 .ul1 li {
  width: -webkit-calc((100% - 80px) / 3);
  width: -moz-calc((100% - 80px) / 3);
  width: calc((100% - 80px) / 3);
  margin: 0 40px 40px 0;
  position: relative;
  border-radius: 8px;
  background: -webkit-linear-gradient(285deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  background: -moz-linear-gradient(285deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  background: -o-linear-gradient(285deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  backdrop-filter: blur(6px);
  overflow: hidden;
}

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

.news1 .ul1 li a {
  display: block;
  padding: 20px;
  width: 100%;
  height: 100%;
}

.news1 .ul1 li a .img {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}

.news1 .ul1 li a .img img {
  width: 100%;
  -moz-transform: scale(1.000002);
   -ms-transform: scale(1.000002);
    -o-transform: scale(1.000002);
       transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
}

.news1 .ul1 li a .txt {
  padding: 30px 0;
}

.news1 .ul1 li a .txt .ntt {
  line-height: 30px;
  height: 60px;
  color: #04313B;
  margin-bottom: 1rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.news1 .ul1 li a .txt .day {
  padding-left: 30px;
  line-height: 24px;
  background: url(../images_die/svg/day2.svg) center left no-repeat;
  color: #666;
}

.news1 .ul1 li a .xian {
  display: block;
  width: 0%;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
}

.news1 .ul1 li:hover {
  background: #fff;
  border-radius: 8px 8px 0 0;
}

.news1 .ul1 li:hover a .img img {
  width: 100%;
  -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
       transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.news1 .ul1 li:hover a .xian {
  width: 100%;
}

/* 新闻2 */
.news1 .ul2 {
  margin: 60px 0;
}

.news1 .ul2 li {
  position: relative;
  margin-bottom: 40px;
  position: relative;
  border-radius: 8px;
  background: -webkit-linear-gradient(285deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  background: -moz-linear-gradient(285deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  background: -o-linear-gradient(285deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.7) 10.4%, rgba(255, 255, 255, 0.3) 97.85%);
  backdrop-filter: blur(6px);
  overflow: hidden;
}

.news1 .ul2 li a {
  display: block;
  padding: 20px;
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.news1 .ul2 li a .img {
  width: 31%;
  overflow: hidden;
  border-radius: 4px;
  height: 295px;
}

.news1 .ul2 li a .img img {
  width: 100%;
  -moz-transform: scale(1.000002);
   -ms-transform: scale(1.000002);
    -o-transform: scale(1.000002);
       transform: scale(1.000002);
  -webkit-transform: scale(1.000002);
}

.news1 .ul2 li a .txt {
  width: 69%;
  padding: 20px 60px 20px 20px;
}

.news1 .ul2 li a .txt .ntt {
  line-height: 30px;
  color: #04313B;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.news1 .ul2 li a .txt .ntc {
  line-height: 30px;
  height: 120px;
  color: #666;
  word-break: break-all;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  margin: 20px 0 50px;
}

.news1 .ul2 li a .txt .day {
  padding-left: 30px;
  line-height: 24px;
  background: url(../images_die/svg/day2.svg) center left no-repeat;
  color: #666;
}

.news1 .ul2 li a .xian {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 0%;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
}

.news1 .ul2 li:hover {
  background: #fff;
  border-radius: 8px 8px 0 0;
}

.news1 .ul2 li:hover a .img img {
  width: 100%;
  -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
       transform: scale(1.1);
  -webkit-transform: scale(1.1);
}

.news1 .ul2 li:hover a .xian {
  width: 100%;
}

/* 新闻详情 */
.nec1 {
  padding: 2.1rem 0 1.25rem;
  background: #F5F7F8;
}

.nec1 .box {
  max-width: 1400px;
}

.nec1 .tt {
  text-align: center;
  line-height: 48px;
  color: #04313B;
}

.nec1 .ul1 {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 30px 0 50px;
  text-transform: capitalize;
}

.nec1 .ul1 li {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 25px;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.nec1 .ul1 li span {
  font-weight: bold;
  color: #04313B;
}

.nec1 .ul1 li .ico {
  margin-right: 5px;
}

.nec1 .tc {
  padding: 0.5rem 1rem;
  border-top: 1px solid #d9d9d9;
  color: #666;
  line-height: 1.6;
}

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

.nec1 .tc .fbd {
  color: #04313B;
}

.nec1 .tc .xian {
  display: block;
  width: 100%;
  height: 1px;
  background: #000;
}

.nec1 .xian2 {
  display: block;
  width: 100%;
  height: 4px;
  background: #015ABE;
}

.nec1 .nbtm {
  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;
  padding-top: 25px;
}

.nec1 .nbtm .nlt {
  width: -webkit-calc(100% - 200px);
  width: -moz-calc(100% - 200px);
  width: calc(100% - 200px);
}

.nec1 .nbtm .nlt a {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  line-height: 26px;
}

.nec1 .nbtm .nlt a span {
  width: 110px;
  display: block;
  text-align: right;
}

.nec1 .nbtm .nlt a .wz {
  width: -webkit-calc(100% - 110px);
  width: -moz-calc(100% - 110px);
  width: calc(100% - 110px);
}

.nec1 .nbtm .nlt a * {
  color: #04313B;
}

.nec1 .nbtm .nlt a:hover * {
  color: #015ABE;
}

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

.nec1 .nbtm .nrt {
  padding-top: 0.4rem;
}

.nec1 .nbtm .nrt .more_h .a:hover {
  border: 1px solid #000;
  background: rgba(255, 255, 255, 0.1);
}

/* 加入 */
.jo1 {
  padding: 1rem 0;
  background: #FAFAFA;
}

.jo1 .tt {
  font-family: "nsrx";
  color: #04313B;
}

.jo1 .dl1 {
  margin-top: 0.5rem;
}

.jo1 .dl1 dd {
  margin-bottom: 0.3rem;
}

.jo1 .dl1 dd .dtop {
  position: relative;
  z-index: 2;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  line-height: 30px;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  background: #fff;
}

.jo1 .dl1 dd .dtop .wz {
  width: -webkit-calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: calc(100% - 50px);
  color: #04313B;
}

.jo1 .dl1 dd .dtop s {
  display: block;
  width: 40px;
  height: 40px;
  background: url(../images_die/svg/jia.svg) center no-repeat;
}

.jo1 .dl1 dd .dtop .bg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
  background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
  z-index: -1;
  opacity: 0;
}

.jo1 .dl1 dd .dbtm {
  padding: 0.6rem 0.35rem;
  background: #fff;
  border-radius: 8px;
  margin-top: 10px;
  display: none;
}

.jo1 .dl1 dd .dbtm .xian {
  padding: 35px 0 1px;
  border-top: 1px dashed #ddd;
  border-bottom: 1px dashed #ddd;
  line-height: 1.5;
}

.jo1 .dl1 dd .dbtm .dtt {
  color: #222;
  font-weight: 500;
}

.jo1 .dl1 dd .dbtm .dtc {
  margin: 20px 0;
  padding: 0 0 10px 10px;
}

.jo1 .dl1 dd .dbtm .dtc2 {
  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;
  margin-top: 25px;
}

.jo1 .dl1 dd .dbtm .dtc2 a {
  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-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}

.jo1 .dl1 dd .dbtm .dtc2 a .ico {
  margin-right: 10px;
}

.jo1 .dl1 dd .dbtm .dtc2 a span {
  text-decoration: underline;
}

.jo1 .dl1 dd .dbtm .dtc2 a:hover {
  color: #015ABE;
}

.jo1 .dl1 dd .dbtm .dtc2 .more .a .wafd {
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 10px 0 20px;
}

.jo1 .dl1 dd .dbtm .dtc2 .more_h .a:hover {
  border: 1px solid #000;
  background: rgba(255, 255, 255, 0.1);
}

.jo1 .dl1 dd.act .dtop .bg {
  opacity: 1;
}

.jo1 .dl1 dd.act .dtop .wz {
  color: #fff;
}

.jo1 .dl1 dd.act .dtop s {
  background: url(../images_die/svg/jian.svg) center no-repeat;
  -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
       transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}

/* 搜索 */
.banner_se {
  margin-top: 100px;
}

.se1 {
  padding: 0.6rem 0 1.2rem;
  background: #F5F7F8;
}

.se1 .box {
  max-width: 1400px;
}

.se1 .box .stop {
  width: 100%;
  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;
  height: 1rem;
}

.se1 .box .stop input {
  display: block;
  width: -webkit-calc(100% - 1.1rem);
  width: -moz-calc(100% - 1.1rem);
  width: calc(100% - 1.1rem);
  height: 100%;
  border: 0;
  padding: 0 30px;
  outline: none;
}

.se1 .box .stop span {
  display: block;
  width: 1rem;
  height: 100%;
  background: #015ABE url(../images_die/svg/se_1.svg) center no-repeat;
  cursor: pointer;
}

.se1 .box .stop span:hover {
  background: #007440 url(../images_die/svg/se_1.svg) center no-repeat;
}

.se1 .box .stop input::-webkit-input-placeholder {
  color: rgba(34, 34, 34, 0.3);
}

.se1 .box .stop input:-moz-placeholder {
  color: rgba(34, 34, 34, 0.3);
}

.se1 .box .stop input::-moz-placeholder {
  color: rgba(34, 34, 34, 0.3);
}

.se1 .box .stop input:-ms-input-placeholder {
  color: rgba(34, 34, 34, 0.3);
}

.se1 .box .stop input::placeholder {
  color: rgba(34, 34, 34, 0.3);
}

.se1 .box .stop input::-webkit-placeholder {
  color: rgba(34, 34, 34, 0.3);
}

.se1 .box .stop input::-moz-placeholder {
  color: rgba(34, 34, 34, 0.3);
}

.se1 .box .stop input::-ms-placeholder {
  color: rgba(34, 34, 34, 0.3);
}

.se1 .box .scc {
  text-align: center;
  line-height: 30px;
  margin: 30px 0;
}

.se1 .box .scc span {
  color: #f00;
}

.se1 .box .ul1 {
  margin-bottom: 0.6rem;
}

.se1 .box .ul1 li {
  border-bottom: 1px solid #ddd;
}

.se1 .box .ul1 li a {
  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;
  padding: 20px 0;
  line-height: 30px;
  width: 100%;
  position: relative;
}

.se1 .box .ul1 li a s {
  display: block;
  width: 8px;
  height: 8px;
  background: #015ABE;
  border-radius: 50%;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -4px;
}

.se1 .box .ul1 li a .wz {
  width: -webkit-calc(100% - 300px);
  width: -moz-calc(100% - 300px);
  width: calc(100% - 300px);
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.se1 .box .ul1 li:hover a .wz {
  color: #20A881;
}

/* 更多 */
.more {
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  text-transform: capitalize;
}

.more .a {
  display: block;
  width: 160px;
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 50px;
  position: relative;
  padding: 4px;
}

.more .a .bg {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50px;
  opacity: 0;
}

.more .a .wz {
  color: #fff;
}

.more .a .jt {
  position: relative;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  overflow: hidden;
  margin-left: 8px;
}

.more .a .jt span {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: url(../images_die/svg/jtbg1.svg) center no-repeat;
}

.more .a .jt s {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: url(../images_die/svg/jt_1.svg) center no-repeat;
}

.more .a .wafd {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 3;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 9px;
}

.more_h .a {
  border: 1px solid #04313B;
}

.more_h .a .wz {
  color: #04313B;
}

.more_h .a .jt s {
  background: url(../images_die/svg/jt_2.svg) center no-repeat;
}

.more .a:hover {
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
}

.more .a:hover .bg {
  opacity: 1;
}

.more .a:hover .jt span {
  opacity: 1;
}

.more .a:hover .wz {
  color: #04313B;
}

.more .a:hover .jt s {
  background: url(../images_die/svg/jt_1.svg) center no-repeat;
}

/* .more_h .a:hover{border: 1px solid #04313B;background: rgba(255,255,255,0.1);} */
.i2 .hezi1 .hox .yuanx .bofang {
  display: none;
}

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

/* 动画 */
@-webkit-keyframes suofang {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.7);
  }
  50% {
    -webkit-transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes suofang {
  0% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.7);
         transform: scale(0.7);
  }
  50% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
  70% {
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
         transform: scale(1);
  }
}
@-o-keyframes suofang {
  0% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  25% {
    -o-transform: scale(0.7);
       transform: scale(0.7);
  }
  50% {
    -o-transform: scale(1);
       transform: scale(1);
  }
  70% {
    -o-transform: scale(1.1);
       transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
       transform: scale(1);
  }
}
@keyframes suofang {
  0% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.7);
       -moz-transform: scale(0.7);
         -o-transform: scale(0.7);
            transform: scale(0.7);
  }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
         -o-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes suofang3 {
  0% {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }
  80% {
    opacity: 0.05;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.78);
    -webkit-transform: translate(-50%, -50%) scale(1.78);
    opacity: 0;
  }
}
@-moz-keyframes suofang3 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(1);
         transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }
  80% {
    opacity: 0.05;
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1.78);
         transform: translate(-50%, -50%) scale(1.78);
    -webkit-transform: translate(-50%, -50%) scale(1.78);
    opacity: 0;
  }
}
@-o-keyframes suofang3 {
  0% {
    -o-transform: translate(-50%, -50%) scale(1);
       transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }
  80% {
    opacity: 0.05;
  }
  100% {
    -o-transform: translate(-50%, -50%) scale(1.78);
       transform: translate(-50%, -50%) scale(1.78);
    -webkit-transform: translate(-50%, -50%) scale(1.78);
    opacity: 0;
  }
}
@keyframes suofang3 {
  0% {
    -moz-transform: translate(-50%, -50%) scale(1);
      -o-transform: translate(-50%, -50%) scale(1);
         transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }
  80% {
    opacity: 0.05;
  }
  100% {
    -moz-transform: translate(-50%, -50%) scale(1.78);
      -o-transform: translate(-50%, -50%) scale(1.78);
         transform: translate(-50%, -50%) scale(1.78);
    -webkit-transform: translate(-50%, -50%) scale(1.78);
    opacity: 0;
  }
}
@-webkit-keyframes pianyi1 {
  0% {
    -webkit-transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(10px, -10px);
  }
  40% {
    -webkit-transform: translate(20px, 10px);
  }
  60% {
    -webkit-transform: translate(-20px, -10px);
  }
  80% {
    -webkit-transform: translate(-20px, 10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
  }
}
@-moz-keyframes pianyi1 {
  0% {
    -moz-transform: translate(0px, 0px);
         transform: translate(0px, 0px);
  }
  20% {
    -moz-transform: translate(10px, -10px);
         transform: translate(10px, -10px);
  }
  40% {
    -moz-transform: translate(20px, 10px);
         transform: translate(20px, 10px);
  }
  60% {
    -moz-transform: translate(-20px, -10px);
         transform: translate(-20px, -10px);
  }
  80% {
    -moz-transform: translate(-20px, 10px);
         transform: translate(-20px, 10px);
  }
  100% {
    -moz-transform: translate(0px, 0px);
         transform: translate(0px, 0px);
  }
}
@-o-keyframes pianyi1 {
  0% {
    -o-transform: translate(0px, 0px);
       transform: translate(0px, 0px);
  }
  20% {
    -o-transform: translate(10px, -10px);
       transform: translate(10px, -10px);
  }
  40% {
    -o-transform: translate(20px, 10px);
       transform: translate(20px, 10px);
  }
  60% {
    -o-transform: translate(-20px, -10px);
       transform: translate(-20px, -10px);
  }
  80% {
    -o-transform: translate(-20px, 10px);
       transform: translate(-20px, 10px);
  }
  100% {
    -o-transform: translate(0px, 0px);
       transform: translate(0px, 0px);
  }
}
@keyframes pianyi1 {
  0% {
    -webkit-transform: translate(0px, 0px);
       -moz-transform: translate(0px, 0px);
         -o-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
  20% {
    -webkit-transform: translate(10px, -10px);
       -moz-transform: translate(10px, -10px);
         -o-transform: translate(10px, -10px);
            transform: translate(10px, -10px);
  }
  40% {
    -webkit-transform: translate(20px, 10px);
       -moz-transform: translate(20px, 10px);
         -o-transform: translate(20px, 10px);
            transform: translate(20px, 10px);
  }
  60% {
    -webkit-transform: translate(-20px, -10px);
       -moz-transform: translate(-20px, -10px);
         -o-transform: translate(-20px, -10px);
            transform: translate(-20px, -10px);
  }
  80% {
    -webkit-transform: translate(-20px, 10px);
       -moz-transform: translate(-20px, 10px);
         -o-transform: translate(-20px, 10px);
            transform: translate(-20px, 10px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
       -moz-transform: translate(0px, 0px);
         -o-transform: translate(0px, 0px);
            transform: translate(0px, 0px);
  }
}
@-webkit-keyframes tm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes tm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes tm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes tm {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* 视频弹框 */
.z_tanchuang {
  position: fixed;
  display: table;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 130;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

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

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

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

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

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

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

.z_tanchuang .tbox .modal .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -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 screen and (max-width: 1600px) {

  
   .tema_tanchuang .hezi .tox .tc{height:1.5rem;}
   
   
   .demoScroll li{width:200px;}
   
   .par1 .dl1{height:100px;}
   
}













@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;
    text-transform: capitalize;
  }
  .mhead .menu {
    height: 50px;
    padding-left: 35px;
    background: url(../images_die/m1.png) center no-repeat;
    -o-background-size: 30px;
       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_die/svg/ss.svg) center no-repeat;
    -o-background-size: 24px;
       background-size: 24px;
  }
  .mhead .hy2 {
    display: block;
    line-height: 50px;
    float: right;
    -o-background-size: 16px;
       background-size: 16px;
    width: 70px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    margin-right: 10px;
  }
  .mhead.act {
    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);
    -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);
    text-transform: capitalize;
  }
  .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);
    -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);
  }
  .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: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    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: -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: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    padding-left: 30px;
    background: url(../images_die/svg/myy_1.svg) center left no-repeat;
    -o-background-size: 20px;
       background-size: 20px;
  }
  .mnav .mbox .ul1 .lang .yy1 s {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images_die/svg/myy_3.svg) center no-repeat;
    -moz-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
         transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-background-size: 14px;
       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;
    box-shadow: 0px 1px 5px #ddd;
    display: none;
  }
  .mnav .mbox .ul1 .lang .yy.act .yy1 s {
    -moz-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
      -o-transform: rotate(0deg);
         transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    background: url(../images_die/svg/myy_2.svg) center no-repeat;
    -o-background-size: 14px;
       background-size: 14px;
  }
  .mnav .mbox .ul1 .scxz .ltop {
    position: relative;
    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-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
  }
  .mnav .mbox .ul1 .scxz .ltop .i {
    height: 14px;
    margin-right: 10px;
  }
  .mnav.act {
    left: 0;
  }
  .mnav.act .mbox {
    left: 0;
    -moz-transition-delay: 0.15s;
      -o-transition-delay: 0.15s;
         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);
    -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);
    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);
    -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);
  }
  .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: -webkit-calc(50% - 1px);
    top: -moz-calc(50% - 1px);
    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;
    -moz-transition-delay: 0.15s;
      -o-transition-delay: 0.15s;
         transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
  }
}
@media (min-width: 960px) {
  .pip1 .dl1 dd .hezi {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (max-width: 960px) {
  .swiper1 .swiper-slide .sbox .m {
    display: block;
  }
  .swiper1 .swiper-slide .sbox .pc {
    display: none;
  }
  
    .swiper1 .swiper-slide .sbox *{
        
         -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
    }
  
  .swiper1 .swiper-slide .sbox .txt .dh {
  top: 0px;
  opacity: 1;
  -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
  -webkit-transition-delay: 0s;
}

.swiper1 .swiper-slide .sbox .txt .dh2 {
  -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
       transition-delay: 0s;
  -webkit-transition-delay: 0s;
}
  
  .swiper1 .swiper-slide .sbox .txt .tt {
    font-size: 30px;
  }
  .swiper1 .swiper-slide .sbox .txt .tt br {
    display: none;
  }
  .swiper1 .xia {
    bottom: 30px;
    padding: 0 5%;
  }
  .swiper1 .pagination1 span {
    width: 50px;
  }
  .i2 {
    height: auto;
    padding: 50px 5%;
  }
  .i2 .hezi {
    position: relative;
  }
  .i2 {
    background: url(../images_die/pip_1bg.jpg) 10% 50% no-repeat;
    -o-background-size: cover;
       background-size: cover;
  }
  .i2 .hezi1 .hox .yuan {
    display: none;
  }
  .i2 .hezi1 .hox .yuanx {
    position: relative;
    top: 0%;
    left: 10%;
    -moz-transform: translate(0%, 0%);
     -ms-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
         transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    width: 80%;
    margin-top: 50px;
  }
  .i2 .hezi1 .hox .yuanx .yx1 {
    -moz-transform: scale(1);
     -ms-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1;
    -moz-transition-delay: 0.5s;
      -o-transition-delay: 0.5s;
         transition-delay: 0.5s;
    -webkit-transition-delay: 0.5s;
  }
  .i2 .hezi1 .hox .yuanx .yx2 {
    opacity: 0.3;
    -moz-transition-delay: 0.6s;
      -o-transition-delay: 0.6s;
         transition-delay: 0.6s;
    -webkit-transition-delay: 0.6s;
    -moz-transform: translate(-50%, -50%) scale(1.1);
     -ms-transform: translate(-50%, -50%) scale(1.1);
      -o-transform: translate(-50%, -50%) scale(1.1);
         transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
  }
  .i2 .hezi1 .hox .yuanx .yx3 {
    opacity: 0.2;
    -moz-transition-delay: 0.7s;
      -o-transition-delay: 0.7s;
         transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
    -moz-transform: translate(-50%, -50%) scale(1.2);
     -ms-transform: translate(-50%, -50%) scale(1.2);
      -o-transform: translate(-50%, -50%) scale(1.2);
         transform: translate(-50%, -50%) scale(1.2);
    -webkit-transform: translate(-50%, -50%) scale(1.2);
  }
  .i2 .hezi1 .hox .yuanx .yx4 {
    opacity: 0.05;
    -moz-transition-delay: 0.8s;
      -o-transition-delay: 0.8s;
         transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
    -moz-transform: translate(-50%, -50%) scale(1.3);
     -ms-transform: translate(-50%, -50%) scale(1.3);
      -o-transform: translate(-50%, -50%) scale(1.3);
         transform: translate(-50%, -50%) scale(1.3);
    -webkit-transform: translate(-50%, -50%) scale(1.3);
  }
  .i2 .hezi1 .hox .yuanx .yx5 {
    opacity: 1;
    -moz-transition-delay: 0.9s;
      -o-transition-delay: 0.9s;
         transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
    -moz-transform: scale(1);
     -ms-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
    -webkit-transform: scale(1);
  }
  .i2 .hezi1 .hox .yuanx .yx6 {
    opacity: 1;
    -moz-transition-delay: 1s;
      -o-transition-delay: 1s;
         transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -moz-transform: scale(1);
     -ms-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
    -webkit-transform: scale(1);
    left: 0;
  }
  .i2 .hezi1 .hox .yuanx .yx7 {
    opacity: 1;
    -moz-transition-delay: 1.1s;
      -o-transition-delay: 1.1s;
         transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
    -moz-transform: scale(1);
     -ms-transform: scale(1);
      -o-transform: scale(1);
         transform: scale(1);
    -webkit-transform: scale(1);
    left: 80%;
  }
  .i2 .hezi .hox > .yuanx {
    display: none;
  }
  .i2 .hezi1 .hox .ul1 .yuanx {
    display: block;
    margin-top: 70px;
    margin-bottom: 70px;
  }
  .i2 .hezi1 .hox .ul1 {
    position: relative;
  }
  .i2 .hezi1 .hox .ul1 li {
    position: static;
    -moz-transform: translateY(0px);
     -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
         transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1;
    width: 100%;
    margin-top: 10px;
  }
  .i2 .hezi2 {
    opacity: 1;
    pointer-events: visible;
    display: none;
  }
  .i2 .hezi .hox {
    position: relative;
    height: auto;
    width: 100%;
    margin-top: 0px;
  }
  .i2 .hezi2 .hox .vid {
    position: relative;
    top: 0%;
    left: 0%;
    -moz-transform: translate(0%, 0%);
     -ms-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
         transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    overflow: hidden;
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
  }
  .i2 .hezi2 .hox .vid video {
    position: relative;
    top: 0%;
    left: 0%;
    -moz-transform: translate(0%, 0%);
     -ms-transform: translate(0%, 0%);
      -o-transform: translate(0%, 0%);
         transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
    overflow: hidden;
    -webkit-clip-path: circle(100% at 50% 50%);
            clip-path: circle(100% at 50% 50%);
  }
  .i2 .hezi3 {
    opacity: 1;
    pointer-events: visible;
  }
  .i2 .hezi3 .fdj .bg {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    display: none;
  }
  .i2 .hezi3 .hox .tt {
    position: relative;
    color: #000;
    padding: 0;
    top: 0;
    margin-top: 50px;
  }
  .image-container {
    position: relative;
    display: none;
  }
  .i2 .hezi3 .dl1 dd {
    position: relative;
    width: 100%;
    top: 0px !important;
    left: 0 !important;
    background: -webkit-linear-gradient(left, #23B07B 0%, #015ABE 100%);
    background: -moz-linear-gradient(left, #23B07B 0%, #015ABE 100%);
    background: -o-linear-gradient(left, #23B07B 0%, #015ABE 100%);
    background: linear-gradient(90deg, #23B07B 0%, #015ABE 100%);
    margin-top: 20px;
    border-radius: 15px;
    overflow: hidden;
  }
  .i2 .hezi3 .dl1 dd a .txt {
    padding: 20px 5% 30px;
  }
  .i3 {
    padding: 50px 0 40px;
  }
  .footer1 {
    padding: 30px 0;
  }
  .footer1 .flt {
    width: 100%;
    float: none;
  }
  .footer1 .flt .ul1 li .lbtm .dl1 dd {
    width: 40px;
  }
  .footer1 .flt .ul1 li .lbtm .dl1 dd .ewm {
    width: 100px;
  }
  .footer1 .frt {
    display: none;
  }
  .footer2 .fox {
    display: block;
  }
  .footer2 .fox .flt {
    width: 100%;
    text-align: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 2;
  }
  .footer2 .fox .flt .a {
    width: auto;
  }
  .footer2 .fox .frt {
    width: 100%;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer2 .fox .frt a {
    margin: 0 10px;
  }
  .banner .nav {
    display: none;
  }
  .banner .mimg {
    display: block;
  }
  .banner .pimg {
    display: none;
  }
  .banner .ul1 {
    display: none;
  }
  .banner .tt {
    top: 30%;
  }
  .ab1 {
    padding: 50px 0;
  }
  .ab1 .aox .alt {
    width: 100%;
    float: none;
  }
  .ab1 .aox .art {
    width: 100%;
    float: none;
    padding: 0;
    margin-top: 20px;
  }
  .ab2 {
    padding: 50px 0;
  }
  .ab2 .tt {
    margin-bottom: 20px;
    line-height: 1.5;
  }
  .swiper3 .swiper-slide {
    padding: 20px 0 0;
  }
  .swiper3 .swiper-slide .sbox {
    padding: 30px 5% 60px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .swiper3 .swiper-slide .sbox .img .ico {
    width: 50px;
  }
  .swiper3 .swiper-slide .sbox .img .txt {
    width: -webkit-calc(100% - 50px);
    width: -moz-calc(100% - 50px);
    width: calc(100% - 50px);
  }
  .swiper3 .swiper-slide .sbox:hover {
    top: 0px;
  }
  .ab2 .tc {
    margin-top: 20px;
  }
  .ab3 {
    padding: 50px 0;
  }
  .ab3 .ul1 {
    display: block;
  }
  .ab3 .ul1 li {
    width: 100%;
    margin: 0 0 10px 0;
  }
  .ab4 .aox {
    padding: 30px 5%;
  }
  .abcu1 {
    padding: 50px 0;
  }
  .abmi1 {
    padding: 50px 0;
  }
  .abmi1 .aox {
    display: block;
  }
  .abmi1 .aox .alt {
    display: none;
  }
  .abmi1 .aox .art {
    width: 100%;
    padding: 0;
  }
  .abmi1 .aox .art .ali {
    padding: 20px 5%;
    display: block;
  }
  .abmi1 .aox .art .ali .wzlt {
    width: 100%;
    padding: 0;
  }
  .abmi1 .aox .art .ali .wzrt {
    width: 100%;
    margin-top: 20px;
  }
  .able1 {
    padding: 50px 0;
  }
  .able1 .ul1 {
    display: block;
    margin-top: 20px;
  }
  .able1 .ul1 li {
    width: 100%;
    margin: 0 0 10px;
  }
  .able1 .ul1 li .txt .ltc {
    height: auto;
  }
  .able1 .ul1 li .txt {
    padding: 20px 5% 30px;
  }
  .tema_tanchuang .hezi .tox .out {
    right: 10px;
  }
  .tema_tanchuang .hezi .tox {
    padding: 20px 5%;
  }
  .tema_tanchuang .hezi .tox .tt2 {
    padding-bottom: 10px;
    border-bottom: 1px dashed #007440;
  }
  .tema_tanchuang .hezi .tox .tc {
    padding-top: 10px;
    margin-top: 10px;
    border: 0;
  }
  .ablx1 {
    padding: 50px 0;
  }
  .ablx1 .aox {
    display: block;
  }
  .ablx1 .aox .alt {
    width: 100%;
  }
  .ablx1 .aox .art {
    width: 100%;
  }
  .banner .tt .tc {
    line-height: 1.8;
  }
  .sc1 {
    padding: 50px 0;
  }
  .sc1 .stop .slt {
    width: 100%;
    float: none;
  }
  .sc1 .stop .srt {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
  .sc1 .xianx {
    margin: 20px 0;
  }
  .swiper6 .swiper-slide .sbox {
    padding: 30px 5% 50px;
  }
  .swiper6 .pagination6 {
    bottom: 20px;
  }
  .swiper6 .swiper-slide .sbox .stt {
    min-height: 10px;
  }
  .pip1 {
    padding: 50px 0;
  }
  .pip1 .anniu {
    display: none;
  }
  .pip1 .table {
    overflow: auto;
  }
  .pip1 .table table {
    width: 1400px;
  }
  .pip1 .table table tr .bgjdt s.act_5 {
    width: 5%;
  }
  .pip1 .table table tr .bgjdt s.act_10 {
    width: 10%;
  }
  .pip1 .table table tr .bgjdt s.act_15 {
    width: 15%;
  }
  .pip1 .table table tr .bgjdt s.act_20 {
    width: 20%;
  }
  .pip1 .table table tr .bgjdt s.act_25 {
    width: 25%;
  }
  .pip1 .table table tr .bgjdt s.act_30 {
    width: 30%;
  }
  .pip1 .table table tr .bgjdt s.act_35 {
    width: 35%;
  }
  .pip1 .table table tr .bgjdt s.act_40 {
    width: 40%;
  }
  .pip1 .table table tr .bgjdt s.act_45 {
    width: 45%;
  }
  .pip1 .table table tr .bgjdt s.act_50 {
    width: 50%;
  }
  .pip1 .table table tr .bgjdt s.act_55 {
    width: 55%;
  }
  .pip1 .table table tr .bgjdt s.act_60 {
    width: 60%;
  }
  .pip1 .table table tr .bgjdt s.act_65 {
    width: 65%;
  }
  .pip1 .table table tr .bgjdt s.act_70 {
    width: 70%;
  }
  .pip1 .table table tr .bgjdt s.act_75 {
    width: 75%;
  }
  .pip1 .table table tr .bgjdt s.act_80 {
    width: 80%;
  }
  .pip1 .table table tr .bgjdt s.act_85 {
    width: 85%;
  }
  .pip1 .table table tr .bgjdt s.act_90 {
    width: 90%;
  }
  .pip1 .table table tr .bgjdt s.act_95 {
    width: 95%;
  }
  .pip1 .table table tr .bgjdt s.act_100 {
    width: 100%;
  }
  .pip1 .pbtm {
    display: block;
  }
  .pip1 .pbtm .plt {
    width: 100%;
    margin-top: 20px;
  }
  .pip1 .pbtm .prt {
    width: 100%;
    margin-top: 20px;
  }
  .pip1 .pbtm .prt .ul1 {
    display: block;
  }
  .pip1 .pbtm .prt .ul1 li {
    width: 100%;
    margin: 0 0 10px;
  }
  .pip1 .pbtm .plt .tc .p span {
    margin: 0 10px 0 0;
  }
  .pip1 .pbtm .plt .tc .p .wz {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
  }
  .par1 {
    padding: 50px 0;
  }
  .par1 .ptop {
    display: block;
  }
  .par1 .ptop .prt {
    width: 100%;
    margin-top: 0px;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .par1 .ptop .prt .ul1 {
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: none;
  }
  .par1 .ptop .prt .ul1 li {
    margin: 20px 10px 0 !important;
  }
  .par1 .ptop .prt .ul1 li .xian2 {
    display: none;
  }
  .par1 .pbtm .ul2 .li-title {
    display: block;
    margin-bottom: 15px;
    font-family: "nsrx";
  }
  .par1 .pbtm .ul2 .dl1 dd {
    width: 33.33%;
  }
  .par1 .pbtm .ul2 li {
    display: block;
    margin-bottom: 30px;
  }
  .par2 {
    padding: 50px 0;
    line-height: 1.5;
  }
  .par2 .pox {
    display: block;
  }
  .par2 .pox .plt {
    width: 100%;
  }
  .par2 .pox .prt {
    width: 100%;
    padding: 30px 5%;
  }
  .par2 .pox .prt .dl1 dd {
    margin-bottom: 30px;
  }
  .news1 {
    padding: 50px 0;
  }
  .news1 .ul1 {
    margin: 20px 0;
    display: block;
  }
  .news1 .ul1 li {
    width: 100%;
    margin: 0 0 10px;
  }
  .news1 .ul1 li a .txt .ntt {
    height: auto;
    margin: 10px 0;
  }
  .news1 .ul1 li a .txt {
    padding: 15px 0;
  }
  .page1 {
    display: none;
  }
  .page2 {
    display: block;
  }
  .nec1 {
    padding: 50px 0;
  }
  .nec1 .tt {
    line-height: 1.5;
  }
  .nec1 .ul1 {
    margin: 20px 0;
  }
  .nec1 .ul1 li {
    margin: 0 5px;
  }
  .nec1 .tc {
    padding: 30px 0;
  }
  .nec1 .nbtm {
    display: block;
  }
  .nec1 .nbtm .nlt {
    width: 100%;
  }
  .news1 .ul2 {
    margin: 20px 0;
  }
  .news1 .ul2 li a {
    display: block;
  }
  .news1 .ul2 li a .img {
    height: auto;
    width: 100%;
  }
  .news1 .ul2 li a .txt {
    width: 100%;
    height: auto;
    padding: 20px 5%;
  }
  .news1 .ul2 li a .txt .ntc {
    height: auto;
    margin: 10px 0;
    line-height: 1.6;
  }
  .jo1 {
    padding: 50px 0;
  }
  .jo1 .dl1 dd .dbtm .dtc2 {
    display: block;
  }
  .jo1 .dl1 dd .dbtm .dtc2 .more {
    margin-top: 20px;
  }
  .mnav .mbox .ul1 li:nth-child(8) {
    display: none;
  }
  .banner_se {
    margin-top: 0;
  }
  .se1 {
    padding: 50px 0;
  }
  .se1 .box .stop span {
    -o-background-size: 20px;
       background-size: 20px;
  }
  .se1 .box .stop span:hover {
    -o-background-size: 20px;
       background-size: 20px;
  }
  .se1 .box .scc {
    margin: 15px 0;
  }
  .se1 .box .ul1 li a {
    padding: 10px 0;
  }
  .se1 .box .ul1 li a s {
    display: none;
  }
  .se1 .box .ul1 li a .wz {
    width: -webkit-calc(100% - 100px);
    width: -moz-calc(100% - 100px);
    width: calc(100% - 100px);
  }
  .i2 .hezi1 .hox .ulm {
    display: block;
    margin: 0 0 30px;
  }
  .i2 .hezi1 .hox .ulpc li:nth-child(1) {
    display: none;
  }
  .i2 .hezi1 .hox .yuanx .bofang {
    display: block;
    width: 72px;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 3;
    cursor: pointer;
  }
  .i2 .hezi1 .hox .yuanx .bofang img {
    width: 100%;
    position: relative;
    top: 0;
  }
  .i2 .hezi1 .hox .yuanx .bofang:hover img {
    -moz-animation: shangx 1s alternate infinite;
      -o-animation: shangx 1s alternate infinite;
         animation: shangx 1s alternate infinite;
    -webkit-animation: shangx 1s alternate infinite;
  }
  .z_tanchuang .tbox .modal {
    width: 90%;
  }
  .z_tanchuang .tbox .modal .out {
    right: 0;
    top: -50px;
  }
  .footer2 .fox .frt {
    padding: 20px 0 10px;
  }
  .swiper4 .swiper-slide .sbox .img {
    margin-bottom: 150px;
  }
  .swiper4 .swiper-slide .sbox .img .ico {
    width: 60px;
  }
  .swiper4 .swiper-slide .sbox {
    padding: 50px 40px 60px;
  }
  .swiper4 .swiper-slide .sbox:hover {
    top: 0px;
  }
  .swiper4 .swiper-slide .sbox {
    background: url(../images_die/abcu_1_2.jpg) center no-repeat;
    -o-background-size: cover;
       background-size: cover;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  .swiper4 .swiper-slide .sbox .img img:nth-child(1) {
    opacity: 0;
  }
  .swiper4 .swiper-slide .sbox .img .ico img:nth-child(2) {
    opacity: 1;
  }
  .swiper4 .swiper-slide .sbox .img .sz {
    color: #fff;
  }
  .swiper4 .swiper-slide .sbox .txt .stt {
    color: #fff;
  }
  .swiper4 .swiper-slide .sbox .txt .stc .p {
    color: #fff;
  }
  .swiper4 .swiper-slide .sbox .txt .stc s {
    background: #fff;
  }
  .able1 .ul1 li {
    box-shadow: 0px 5px 9.7px 0px rgba(27, 101, 135, 0.22);
  }
  .able1 .ul1 li .img img {
    width: 100%;
    -moz-transform: scale(1.05);
     -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
         transform: scale(1.05);
    -webkit-transform: scale(1.05);
  }
  .able1 .ul1 li .txt .ltt {
    color: #23B07B;
  }
  .able1 .ul1 li .txt .ltc {
    color: #04313B;
  }
  .able1 .ul1 li .txt .xian {
    width: 100%;
  }
  .swiper6 {
    padding-bottom: 30px;
  }
  .swiper6 .pagination6 {
    bottom: 0;
  }
  .swiper6 .swiper-slide .sbox {
    box-shadow: 0px 8.563px 13.079px 0px #C0DEEF;
  }
  .swiper6 .swiper-slide .sbox .xian {
    width: 100%;
  }
  .kexue_tanchuang .hezi .tox {
    padding: 70px 5% 20px;
  }
  .kexue_tanchuang .hezi .tox .kkoo .klt {
    width: 100%;
  }
  .kexue_tanchuang .hezi .tox .kkoo .krt {
    position: relative;
    width: 100%;
    height: 200px;
    margin-top: 20px;
  }
  .kexue_tanchuang .hezi .tox .kkoo .krt .dl1 dd .ico {
    width: 80px;
    margin-bottom: 10px;
  }
  .kexue_tanchuang .hezi .tox .out {
    top: 10px;
  }
  .pip1 .dl1 dd .hezi {
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .pip1 .dl1 dd .hezi .hox {
    width: 100%;
  }
  .pip1 .dl1 dd.act .hezi {
    pointer-events: visible;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
    padding: 10vh 5%;
  }
  .pip1 .dl1 dd .hezi .hox {
    position: relative;
    padding: 50px 10px;
    height: auto;
    top: auto;
    right: auto;
  }
  .pip1 .dl1 dd .hezi .hox .out {
    display: block;
    width: 30px;
    height: 30px;
    background: #04313B url(../images_die/svg/out.svg) center no-repeat;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 3;
  }
  .nec1 .nbtm .nlt a span {
    width: auto;
    display: inline;
    text-align: left;
  }
  .nec1 .nbtm .nlt a {
    display: block;
  }
  .nec1 .nbtm .nlt a .wz {
    width: auto;
    display: inline;
  }
  .swiper2 {
    padding-bottom: 0px;
  }
  .swiper2 .pagination2 {
    bottom: 0;
  }
  .i2 .hezi1 .hox .yuanx .yx5 img {
    -moz-animation: pianyi1 10s linear infinite;
      -o-animation: pianyi1 10s linear infinite;
         animation: pianyi1 10s linear infinite;
    -webkit-animation: pianyi1 10s linear infinite;
  }
  .i2 .hezi1 .hox .yuanx .yx6 img {
    -moz-animation: pianyi1 7s linear infinite;
      -o-animation: pianyi1 7s linear infinite;
         animation: pianyi1 7s linear infinite;
    -webkit-animation: pianyi1 7s linear infinite;
  }
  .i2 .hezi1 .hox .yuanx .yx7 img {
    -moz-animation: pianyi1 5s linear infinite;
      -o-animation: pianyi1 5s linear infinite;
         animation: pianyi1 5s linear infinite;
    -webkit-animation: pianyi1 5s linear infinite;
  }
  .par1 .pbtm .ul2 .dl1 dd .txt .wz {
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  
  .i3 .anniu{display:none;}
  
  .i2 .hezi1 .hox .icon{display: none;}
  
  
  
  
  
   .swiper2 .swiper-wrapper{display:block;}
  
  
   .par1 .dl1{margin-top: 0px;}
  
   .demoScroll li{width: 200px;}
  
  
  
  
  
  
  
  
  
  
  
  
  
}