/* 前端白明明 */



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

@font-face {
    font-family: "ali";
    src: url("../fonts/AlimamaFangYuanTiVF-Thin.ttf") ;
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: "popm";
    src: url("../fonts/POPPINS-MEDIUM.TTF") ;
    font-weight: normal;
    font-style: normal;
}


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

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; position: relative;padding: 0 ;width: 1920px;  max-width:1920px;color: #222;font-family:'mis', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #041164;}

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 .5s; -moz-transition: all .5s; transition: all .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;}




/*分页*/

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

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

.alltime,.alltime *{ transition: all 1s cubic-bezier(.43,.195,.02,1); -webkit-ttransition: all 1s cubic-bezier(.43,.195,.02,1); -moz-transition: all 1s cubic-bezier(.43,.195,.02,1);}

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




.fbd{font-weight: bold;}


/* 头部 */

.head{position: fixed;top: 0;left: 0;z-index: 9;width: 100%;display: flex;justify-content: space-between;align-items: center;align-content: center;line-height: 45px;padding: 30px  .8rem;z-index: 9;}

.head .logo{display: block;width: 2.18rem;}

.head .hrt{display: flex;}

.head .hrt a{display: block;padding: 0 .3rem;border-radius: 50px;background: url(../images/btn3.png) center no-repeat;background-size: cover; color: #fff;margin-left: .2rem;}

.head .hrt a:hover,.head .hrt a.act{background: url(../images/btn2.png) center no-repeat;background-size: cover; }



.head.act{line-height: 40px;padding: 10px  .8rem;z-index: 9;background: rgba(0, 0, 0, 0.6);backdrop-filter: blur(10px);  -webkit-backdrop-filter: blur(10px);}




/* 首页 */

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

.banox img{width: 100%;}

.banox iframe{display: block;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;position: absolute;overflow: hidden;}

.banox video{display: block;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;position: absolute;overflow: hidden;}

.banox .cc{position: absolute;top: 0;left: 0;width: 100%;z-index: 3;pointer-events: none;background: url(../images/in_1_wz.webp) center top no-repeat;background-size: cover; }

.banox .xlala{position: absolute;left: 50%;bottom: .45rem;z-index: 6;margin-left: -36px;pointer-events: none;}


.main1{width: 100%;background: url(../images/bg1.webp) 0% 0% no-repeat;}

.main0{width: 100%;background: url(../images/bg0.webp) 0% 0% no-repeat;}

.i1{position: relative;z-index: 3;overflow: hidden;}

.i1 .hezi{position: relative;overflow: hidden;}

.i1 .hezi .iox{position: relative;width: 100%;height: 100%;overflow: hidden;}

.i1 .hezi .iox img{width: 100%;}

.i1 .hezi .img{width: 80%;position: absolute;top: 10%;left: 15%;overflow: hidden;pointer-events: none;height: 100%;}

.i1 .hezi .img img{width: 100%;position: absolute;top: 0px;left: 0px;z-index: 2;}

.i1 .hezi .cc{position: absolute;top: 0;left: 0;width: 100%;z-index: 3;pointer-events: none;background: url(../images/in_1_wz.webp) center top no-repeat;background-size: cover; }

.i1 .hezi .xlala{position: absolute;left: 50%;bottom: .45rem;z-index: 6;margin-left: -36px;pointer-events: none;}

.i1 .hezi .img .img_01 {
    -webkit-animation: shangx_x 2s ease-in infinite  alternate;
    -moz-animation: shangx_x 2s ease-in infinite  alternate;
    -o-animation: shangx_x 2s ease-in infinite  alternate;
    animation: shangx_x 2s ease-in infinite  alternate;
}

.i1 .hezi .img .img_02 {
    -webkit-animation: yous_x 1.5s ease-in  infinite  alternate;
    -moz-animation: yous_x 1.5s ease-in  infinite  alternate;
    -o-animation: yous_x 1.5s ease-in  infinite  alternate;
    animation: yous_x 1.5s ease-in  infinite  alternate;

  
}

.i1 .hezi .img .img_03 {
    -webkit-animation: shangx_x 2s ease-in .5s infinite  alternate;
    -moz-animation: shangx_x 2s ease-in .5s infinite  alternate;
    -o-animation: shangx_x 2s ease-in  .5 infinite alternate;
    animation: shangx_x 2s ease-in .5s infinite  alternate;
}


.i1 .hezi .img .img_04 {
   
    -webkit-animation: youx_x 2s ease-in .5s infinite  alternate;
    -moz-animation: youx_x 2s ease-in .5s infinite  alternate;
    -o-animation: youx_x 2s ease-in  .5 infinite  alternate;
    animation: youx_x 2s ease-in .5s infinite  alternate;
}


.i1 .hezi .img .img_05 {

    -webkit-animation: tm 2s ease-in .5s infinite  alternate;
    -moz-animation: tm 2s ease-in .5s infinite  alternate;
    -o-animation: tm 2s ease-in  .5 infinite  alternate;
    animation: tm 2s ease-in .5s infinite  alternate;
  
}

.i1 .hezi .img .img_06 {
    -webkit-animation: shangx_x 2s ease-in infinite  alternate;
    -moz-animation: shangx_x 2s ease-in infinite  alternate;
    -o-animation: shangx_x 2s ease-in infinite  alternate;
    animation: shangx_x 2s ease-in infinite  alternate;
}

.i1 .hezi .img .img_07 {
    -webkit-animation: shangx_x 2s ease-in .5s infinite  alternate;
    -moz-animation: shangx_x 2s ease-in .5s infinite  alternate;
    -o-animation: shangx_x 2s ease-in  .5 infinite  alternate;
    animation: shangx_x 2s ease-in .5s infinite  alternate;
}



.i1 .hezi .img .img_08 {

    -webkit-animation: tm 2s ease-in  infinite  alternate;
    -moz-animation: tm 2s ease-in  infinite  alternate;
    -o-animation: tm 2s ease-in  infinite alternate;
    animation: tm 2s ease-in  infinite  alternate;
  
}

.i1 .hezi .img .img_09 {
    -webkit-animation: shangx_x 2s ease-in .5s infinite  alternate;
    -moz-animation: shangx_x 2s ease-in .5s infinite  alternate;
    -o-animation: shangx_x 2s ease-in  .5 infinite  alternate;
    animation: shangx_x 2s ease-in .5s infinite  alternate;
}

.i1 .hezi .img .img_10 {
    -webkit-animation: shangx_x 2s ease-in  infinite  alternate;
    -moz-animation: shangx_x 2s ease-in  infinite  alternate;
    -o-animation: shangx_x 2s ease-in  infinite  alternate;
    animation: shangx_x 2s ease-in infinite  alternate;
}


.i1 .hezi .img .img_11 {
    -webkit-animation: shangx_x 2s ease-in 1s infinite  alternate;
    -moz-animation: shangx_x 2s ease-in 1s infinite  alternate;
    -o-animation: shangx_x 2s ease-in  1s infinite  alternate;
    animation: shangx_x 2s ease-in 1s infinite  alternate;
}

.i1 .hezi .img .img_12 {
    -webkit-animation: shangx_d 2s linear infinite  ;
    -moz-animation: shangx_d 2s linear  infinite  ;
    -o-animation: shangx_d 2s linear   infinite  ;
    animation: shangx_d 2s linear  infinite  ;
}


.i1 .hezi .img .img_13 {
    -webkit-animation: shangx_d 2s linear .2s infinite  ;
    -moz-animation: shangx_d 2s linear .2s infinite  ;
    -o-animation: shangx_d 2s linear .2s  infinite  ;
    animation: shangx_d 2s linear .2s infinite  ;
}


.i1 .hezi .img .img_14 {
    -webkit-animation: shangx_d 2s linear .4s infinite  ;
    -moz-animation: shangx_d 2s linear .4s infinite  ;
    -o-animation: shangx_d 2s linear .4s  infinite  ;
    animation: shangx_d 2s linear .4s infinite  ;
}


.i1 .hezi .img .img_15 {
    -webkit-animation: shangx_d 2s ease-out .6s infinite  ;
    -moz-animation: shangx_d 2s ease-out  .6s infinite  ;
    -o-animation: shangx_d 2s ease-out  .6s  infinite  ;
    animation: shangx_d 2s ease-out  .6s infinite  ;
}



.i1 .hezi .img .img_16 {
    -webkit-animation: shangx_d 2s linear .8s infinite  ;
    -moz-animation: shangx_d 2s linear .8s infinite  ;
    -o-animation: shangx_d 2s linear .8s  infinite  ;
    animation: shangx_d 2s linear .8s infinite  ;
}





.i1 .hezi .img .img_17 {
    -webkit-animation: shangx_d 2s linear infinite  ;
    -moz-animation: shangx_d 2s linear  infinite  ;
    -o-animation: shangx_d 2s linear   infinite  ;
    animation: shangx_d 2s linear  infinite  ;
}


.i1 .hezi .img .img_18 {
    -webkit-animation: shangx_d 2s linear .2s infinite  ;
    -moz-animation: shangx_d 2s linear .2s infinite  ;
    -o-animation: shangx_d 2s linear .2s  infinite  ;
    animation: shangx_d 2s linear .2s infinite  ;
}


.i1 .hezi .img .img_19 {
    -webkit-animation: shangx_d 2s linear .4s infinite  ;
    -moz-animation: shangx_d 2s linear .4s infinite  ;
    -o-animation: shangx_d 2s linear .4s  infinite  ;
    animation: shangx_d 2s linear .4s infinite  ;
}


.i1 .hezi .img .img_20 {
    -webkit-animation: shangx_d 2s ease-out .6s infinite  ;
    -moz-animation: shangx_d 2s ease-out  .6s infinite  ;
    -o-animation: shangx_d 2s ease-out  .6s  infinite  ;
    animation: shangx_d 2s ease-out  .6s infinite  ;
}



.i1 .hezi .img .img_21 {
    -webkit-animation: shangx_d2 2s linear .8s infinite  ;
    -moz-animation: shangx_d2 2s linear .8s infinite  ;
    -o-animation: shangx_d2 2s linear .8s  infinite  ;
    animation: shangx_d2 2s linear .8s infinite  ;
}


.i1 .hezi .img .img_22 {
    -webkit-animation: shangx_d2 1s linear .4s infinite  ;
    -moz-animation: shangx_d2 1s linear .4s infinite  ;
    -o-animation: shangx_d2 1s linear .4s  infinite  ;
    animation: shangx_d2 1s linear .4s infinite  ;
}


.i1 .hezi .img .img_23 {
    -webkit-animation: shangx_d 2s ease-out .6s infinite  ;
    -moz-animation: shangx_d 2s ease-out  .6s infinite  ;
    -o-animation: shangx_d 2s ease-out  .6s  infinite  ;
    animation: shangx_d 2s ease-out  .6s infinite  ;
}

.i1 .hezi .img .img_24{z-index: 1;}













.i2{padding: .75rem 0 1.1rem;position: relative;z-index: 1;}

.i2 .tt img{margin: 0 auto;}

.i2 .ten{text-align: center;font-family: 'popm'; text-transform: capitalize;color: rgba(255, 255, 255, 0.5);margin-top: 5px;}

.i2 .tc{text-align: center;margin: 40px 0 55px;color: #fff;}

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

.i2 .dl1 dd{width:15.2% ;color: #fff;position: relative;overflow: hidden;height: 500px;border-radius: 8px;max-width: 220px;cursor: pointer;}

.i2 .dl1 dd .bg{width: 100%;height: 100%;}

.i2 .dl1 dd .txt{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%; overflow: hidden;padding: .55rem .6rem;}

.i2 .dl1 dd .txt{line-height: 30px;}

.i2 .dl1 dd .txt a{display: block;width: 180px;text-align: center; line-height: 55px; border-radius: 50px;background: url(../images/btn1.png) center no-repeat;background-size: cover; color: #fff;margin-top: -67px;z-index: 9;position: relative;}

.i2 .dl1 dd .txt a:hover{background: url(../images/btn2.png) center no-repeat;background-size: cover; }

.i2 .dl1 dd .txt .wenzi2{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 3;padding: 0 .45rem ;height: 160px;}

.i2 .dl1 dd .txt .wenzi2 .bgx{position: absolute;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(20, 55, 239, 0.00) 0%, #0B2089 100%);backdrop-filter: blur(4px);top: 0;left: 0;z-index: -1;}

.i2 .dl1 dd .txt .wenzi2 .xian{display: block;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.5);}

.i2 .dl1 dd .txt .wenzi2 .ul1{display: flex;justify-content: space-between;padding-top: 18px;}

.i2 .dl1 dd .txt .wenzi2 .ul1 li{padding-right: .3rem;}

.i2 .dl1 dd .txt .wenzi2 .ul1 li:last-child{padding-right: 0;}

.i2 .dl1 dd:nth-child(3) .txt .wenzi2 .ul1 li{width: 50%;}

.i2 .dl1 dd:nth-child(4) .txt .wenzi2 .ul1 li:last-child{width: 50%;}

.i2 .dl1 dd .txt .wenzi2 .p{opacity: 0.5;}

.i2 .dl1 dd .wz1{position: absolute;left: 0;bottom: 40px;width: 100%;text-align: center;z-index: 3;pointer-events: none;line-height: 1.2;}

.i2 .dl1 dd .wz1 .en{font-family: 'popm';margin-top: 5px;opacity: 0.5;}

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

.i2 .dl1 dd.act{width: 53.5%;max-width: 770px;}

.i2 .dl1 dd.act .wz1{opacity: 0;}

.i2 .dl1 dd.act .txt .dh{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: .5s;-webkit-transition-delay: .5s;}

.i2 .dl1 dd.act .txt .dh2{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: .7s;-webkit-transition-delay: .7s;}

.i2 .dl1 dd.act .txt .dh3{opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: .9s;-webkit-transition-delay: .9s;}




.i3{padding: 0rem 0 .9rem;position: relative;z-index: 1;}

.i3 .tt img{margin: 0 auto;}

.i3 .ten{text-align: center;font-family: 'popm'; text-transform: capitalize;color: rgba(255, 255, 255, 0.5);margin: 5px 0 40px;}

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

.i3 .tc .day{display: block;border-radius: 30px;border: 2px solid #1F27DC;background: #0F0B5A;width: 180px;line-height: 60px;text-align: center;color: #fff;}


.i3 .dl1{position: relative;color: #fff;padding: 30px 0;}

.i3 .dl1 dd{width: 50%;position: relative;z-index: 3;cursor: pointer;}

.i3 .dl1 dd .txt{width: calc(100% - 60px);position: relative;z-index: 3;border-radius: 10px;overflow: hidden;border-radius: 12px;padding: 30px 50px;display: flex;}

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

.i3 .dl1 dd .txt .bg img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;object-fit: cover;border-radius: 12px;border: 3px solid rgba(0, 0, 0, 0);}

.i3 .dl1 dd .txt .bg img:nth-child(2){opacity: 0;    border: 3px solid rgba(115, 209, 249, 0.88);}

.i3 .dl1 dd .txt .ico{width: 60px;}

.i3 .dl1 dd .txt .wz{width:calc(100% - 60px);padding-left: .38rem;}

.i3 .dl1 dd .txt .wz .dtt{line-height: 42px;margin-bottom: 10px;}

.i3 .dl1 dd .txt .wz .dtc{line-height: 32px;}

.i3 .dl1 dd .txt .wz .dtc p{margin-bottom: 10px;}

.i3 .dl1 dd .txt .wz .dtc p:last-child{margin-bottom: 0;}

.i3 .dl1 dd .yuan{position: absolute;width: 30px;height: 30px;border-radius: 50%;border: 2px solid #1F27DC;background: #0F0B5A;right: -15px;top: 50%;margin-top: -15px;padding: 7px;}

.i3 .dl1 dd .yuan span{display: block;width: 100%;height: 100%;background: #53DEE9;border-radius: 50%;}

.i3 .dl1 dd:nth-child(2n){left: 50%;}

.i3 .dl1 dd:nth-child(2n) .txt{left: 60px;}

.i3 .dl1 dd:nth-child(2n) .yuan{left: -15px;}

.i3 .dl1 dt{display: block;width: 2px;border-radius:2px;position: absolute;top: 0;left: 50%;margin-left: -1px;background: #1528E7;height: 100%;}

.i3 .dl1 dd:hover .txt .bg img:nth-child(2){opacity: 1;    }

.i3 .bz{text-align: center;color: #fff;margin-top: 15px;color: rgba(255, 255, 255, 0.8);}


.i4{padding: 0 0 1.8rem;position: relative;z-index: 1;display: none;}

.i4 .tt img{margin: 0 auto 40px;}

.i4 .img{position: relative;max-width: 1920px; margin: 0 auto;}

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

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

.i4 .bz{text-align: center;color: #fff;margin-top: 15px;color: rgba(255, 255, 255, 0.5);}


.i5{color: #fff;padding-bottom: 1.5rem;}

.i5 .dl1{display: flex;justify-content: center;text-align: center;line-height: 22px;}

.i5 .dl1 dd{margin: 0 28px;}

.i5 .dl1 dd .img{width: 150px;}

.i5 .dl1 dd .dtt{margin: 8px 0 25px;}

.i5 .dl1 dd .dtc{color: rgba(255, 255, 255, 0.5);}

.i5 .dl1 dd:nth-child(2){display: none;}

.i5 .logo img{margin: 70px auto 30px;}

.i5 .ul1{display: flex;justify-content: center;color: rgba(255, 255, 255, 0.5);line-height: 20px;}

.i5 .ul1 li{margin:  0 10px;}

.i5 .ul1 li a{display: block;color: rgba(255, 255, 255, 0.5);}

.i5 .ul1 li a:hover{color: #fff;}



.i6{padding: 0.5rem 0 ;position: relative;z-index: 1;}

.i6 .tt img{margin: 0 auto;}

.i6 .dl1{margin-top: 35px;}

.i6 .dl1 dd{display: flex;width: 100%;height: 400px;background: url(../images/in_6_1.png) center no-repeat;background-size: cover;color: #fff;border-radius: 12px;margin-top: 20px;}

.i6 .dl1 dd .txt{width: 61.8%;padding: .54rem 1rem 0 .75rem;line-height: 30px;}

.i6 .dl1 dd .txt .dtt{display: flex;align-items: center;align-content: center;line-height: 36px;}

.i6 .dl1 dd .txt .dtt span{display: block;width: 90px;text-align: center;border-radius: 4px;background: linear-gradient(270deg, #5B67FB 0%, #4BA7E9 100%);}

.i6 .dl1 dd .txt .dtt p{display: block;width: calc(100% - 90px);padding-left: 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.i6 .dl1 dd .txt .dtc{margin: 25px 0 40px;text-indent: 2em;}

.i6 .dl1 dd .txt .a{display: block;width: 180px;line-height: 50px;color: #fff;text-align: center; border-radius: 50px; background: linear-gradient(90deg, #3D77F8 0%, #16EDB2 100%);}

.i6 .dl1 dd .txt .a:hover{ background: linear-gradient(90deg, #16EDB2 0%, #3D77F8 100%);}

.i6 .dl1 dd .img{width: 38.2%;max-width: 550px;height: 100%;overflow: hidden;border-radius: 10px;}

.i6 .dl1 dd .img img{width: 100%;height: 100%;transform: scale(1.000002);-webkit-transform: scale(1.000002);}

.i6 .dl1 dd .img:hover img{width: 100%;height: 100%;transform: scale(1.1);-webkit-transform: scale(1.1);}


.i7{padding: 0 0 .5rem;position: relative;z-index: 1;}

.i7 .tt img{margin: 0 auto;}

.i7 .tcx{margin-top: 50px;padding: .75rem .7rem .9rem .7rem;color: #fff;border-radius: 12px;background: rgba(6, 1, 23, 0.40);backdrop-filter: blur(4px);border-radius: 12px;border: 3px solid rgba(115, 209, 249, 0.88);line-height: 36px;}

.i7 .tcx .dl1{position: relative;}

.i7 .tcx .dl1 dd{display: flex;position: relative;z-index: 2;margin-bottom: 30px;align-items: flex-start;align-content: flex-start;}

.i7 .tcx .dl1 dd .bt{width: 110px;border-radius: 4px;background: linear-gradient(270deg, #5B67FB 0%, #4BA7E9 100%);text-align: center;}

.i7 .tcx .dl1 dd .xing{width: 62px;height: 36px;background: url(../images/xing.svg) center no-repeat;}

.i7 .tcx .dl1 dd .p{width: calc(100% - 172px);}

.i7 .tcx .dl1 dd:last-child{margin-bottom: 0;}

.i7 .tcx .dl1 dt{display: block;width: 2px;height: calc(100% - 36px);top: 18px;left: 140px;border-radius: 4px;background: linear-gradient(180deg, #030222 0%, #0A46E4 49.52%, #050224 100%);position: absolute;}




.i8{padding: 0 0 1rem;position: relative;z-index: 1;}

.i8 .tt img{margin: 0 auto;}

.i8 .dl1{display: flex;justify-content: space-between;align-items: flex-end;align-content: flex-end;margin: 50px 0 25px;}

.i8 .dl1 dd{width: calc(calc(100% - 32px) / 3);}

.i8 .tc{width: 100%;line-height:130px ;text-align: center;color: #E5B765;background: url(../images/in_8_4.png) center no-repeat;border-radius: 12px;border: 1px solid #409BFF;}





















/* 更多 */






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


/* 动画 */

@-webkit-keyframes  shangx_x {
    0% {-webkit-transform: translateY(0px);}
    50% {-webkit-transform: translateY(-10px);}
    100% {-webkit-transform: translateY(0px);}

    
}

@keyframes  shangx_x {
    0% {transform: translateY(0px);}
    50% {transform: translateY(-10px);}
    100% {transform: translateY(0px);}

   
}

@-webkit-keyframes  yous_x {
    0% {-webkit-transform: translate(0px,0px);}
    50% {-webkit-transform: translate(5px,-5px);}
    100% {-webkit-transform:translate(0px,0px);}

  
}

@keyframes  yous_x {
  
    0% {transform: translate(0px,0px);}
    50% {transform: translate(5px,-5px);}
    100% {transform:translate(0px,0px);}

}


@-webkit-keyframes  youx_x {
    0% {-webkit-transform: translate(0px,0px);}
    50% {-webkit-transform: translate(15px,10px);}
    100% {-webkit-transform:translate(0px,0px);}

    

}

@keyframes  youx_x {
    0% {transform: translate(0px,0px);}
    50% { transform: translate(15px,10px);}
    100% {transform:translate(0px,0px);}


}




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

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



@-webkit-keyframes  shangx_d {
    0% {-webkit-transform: translateY(0px);opacity: 1;}
    80% {opacity: 1;}
    100% {-webkit-transform: translateY(-100px);opacity: 0;}



}

@keyframes  shangx_d {
    0% {transform: translateY(0px);opacity: 1;}
    80% {opacity: 1;}
    100% {transform: translateY(-100px);opacity: 0;}
}



@-webkit-keyframes  shangx_d2 {
    0% {-webkit-transform: translateY(0px);opacity: 1;}
    80% {opacity: 1;}
    100% {-webkit-transform: translateY(-50px);opacity: 0;}

}

@keyframes  shangx_d2 {
    0% {transform: translateY(0px);opacity: 1;}
    80% {opacity: 1;}
    100% {transform: translateY(-50px);opacity: 0;}
}










/* @media (min-width:1950px) {
    
    body{width:100%;}

}*/


@media (max-width:1860px) {
    
    body{width:100%;}

    html{overflow: visible;}

    
    .main1{width: 100%;background: url(../images/bg1.webp) 0% 100% no-repeat;}


    .main0{width: 100%;background: url(../images/bg0.webp) 0% 30% no-repeat;}



} 


@media (max-width:1800px) {

    
    .main1{width: 100%;background: url(../images/bg1.webp) 0% 75% no-repeat;}

    .main0{width: 100%;background: url(../images/bg0.webp) 0% 45% no-repeat;}
    

}


@media (max-width:1700px) {

    .main0{width: 100%;background: url(../images/bg0.webp) 0% 50% no-repeat;}
    


}

@media (max-width:1500px) {

    .main0{width: 100%;background: url(../images/bg0.webp) 0% 55% no-repeat;}
    


    
}


@media (max-width:1450px) {
    

}




@media (max-width:1280px) {

    html{min-width: 1200px !important;}

    .main0{width: 100%;background: url(../images/bg0.webp) 0% 60% no-repeat;}
    


}



@media (min-width:1280px) {

    .wow{opacity: 0;}

    .wow1{opacity: 1;}


}