/* 前端白明明 */

:root {
    --vi-color: #1B579C;
    --vifu-color: #114C91;
    --vi-color2: #202A36;
    --radius60:60px;
    --radius33:33px;
    --radius28:28px;
    --radius24:24px;
    --radius20:20px;
    --radius21:21px;
    --radius16:16px;
    --radius12:12px;
    --radius5:5px;
    --radius8:8px;
}

.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: "open";
    /*src: url("../fonts/Open-Sans-2.otf") ;*/
    src: url("../fonts/Open-Sans-Light.ttf") ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "openr";
    src: url("../fonts/Open-Sans-2.otf") ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "openb";
    src: url("../fonts/Open-Sans-Medium.ttf") ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "openl";
    src: url("../fonts/Open-Sans-Light.ttf") ;
    font-weight: normal;
    font-style: normal;
}
.openl{
    font-family: "openl";
}

.openb,.fbd{font-family: 'openb';}



.flex{display: flex;}

.flex_wrap{flex-wrap: wrap;}

.flex_center{justify-content: center;}

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

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

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

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

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

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

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


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

*{ margin:0; padding:0;}

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

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;}

.gdt::-webkit-scrollbar{ width:2px;}

.gdt::-webkit-scrollbar-thumb{ background:var(--vi-color);}

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


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

.gdt2::-webkit-scrollbar-thumb{ background:var(--vi-color);border-radius: 20px;}

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


.f100{}






/*分页*/
.page{
  color: #fff;
}
.page1{ text-align:center; margin: 0;text-align: center;display: flex;justify-content: center;font-family: 'arial';}

.page1 span a{display: block;  color:#fff;  width: 26px;height: 26px; text-decoration:none;font-size: 14px;border-radius: 100px;}
.page1 span a:not(.pre):not(.nex){
  background-color: #223145;
}

.page1 span a:not(.pre):not(.nex):hover,
.page1 span.current a{
  background:var(--vi-color) !important;
  color: #fff;
}

.page1 span.current a{background: var(--vi-color);color: #fff;}

.page1 span{display: inline-block; line-height: 26px; color:#666666;margin: 0 10px;}

.page1 span input{display: block;width: 26px;height: 26px;outline: none;text-align: center;border: 1px solid #223145;background-color: inherit;border-radius: 100px;color: #fff;}

.page1 span input:focus{
  border-color: var(--vi-color);
}

.page1 span a.pre{width: 26px;display: flex;justify-content: center;align-items: center;align-content: center;border-radius: 6px 0 0 6px;background: transparent;}

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

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

.page1 span a.nex{width: 26px;display: flex;justify-content: center;align-items: center;align-content: center;border-radius: 0 6px 6px 0;}

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

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

.page1 .qd{width: 72px;}

.page1 .qd a{
  width: 100%;
  background: transparent;
  color: #fff;
  border-color: var(--vi-color);
  border-radius: 6px;
  color: var(--vi-color);
}

.page1 .qd a:hover{
  background: var(--vi-color);
  color: #fff;
}

.page1 .page-text{
  color: #CCCCCC;
  margin: 0 5px;
}
.page1 .page-icon{
  width: 18px;
  flex-shrink: 0;
  align-self: center;
  margin-right: 24px;
  transform: rotate(270deg);
}

.page2{
  display: none;
  width: 160px;
  background-color: var(--vi-color);
  margin: 0 auto;
  text-align: center;
  line-height: 50px;
  color: #fff;
  border-radius: 50px;
}

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

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

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

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


.wow{opacity: 0;}

.wow1{opacity: 1;}

/* .fbd{font-weight: bold;} */


/* 头部 */

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

.head .hox{}

.head .hox .hlt{}

.head .hox .hlt .logo{display: block;width: 110px;margin-right: 60px;}

.head .hox .hlt .ul1{}

.head .hox .hlt .ul1 .li{margin:0 30px;position: relative;}

.head .hox .hlt .ul1 .li .ltop{line-height: 1.2rem;}

.head .hox .hlt .ul1 .li .ltop a{display: block;color: #fff;background: url(../images/svg/hd_1_1.svg) 50% .8rem no-repeat;}

.head .hox .hlt .ul1 .li .lbtm{padding: .35rem .4rem;width: auto;position: absolute;top: 90%;opacity: 0;pointer-events: none; left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);background: #202A36;clip-path: polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);}

.head .hox .hlt .ul1 .li .lbtm a{display: block;color: #fff;line-height: 24px;white-space:nowrap;margin-bottom: 10px;opacity: .3;}

.head .hox .hlt .ul1 .li .lbtm a:last-child{margin-bottom: 0;}

.head .hox .hlt .ul1 .li .lbtm a:hover{opacity: 1;}

.head .hox .hlt .ul1 .li .lbtm2{padding: 0 20px; width: 1120px;position: absolute;top: 90%;opacity: 0;pointer-events: none; left: -200px;background: url(../images/hd_2_1.webp) center no-repeat;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1{position: relative;width: 100%;height: auto;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd1{width: 240px;position: relative;height: 230px;border-right: 1px solid rgba(255,255,255,.1);padding: 35px 20px;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd1 .dd_a1{margin-bottom: 10px;opacity: .3;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd1 .dd_a1 > .a{line-height: 24px;border-bottom: 1px solid rgba(0, 0, 0, 0.06);color: #fff;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd1 .dd_a1 > .a .wz{width: calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd1 .dd_a1 > .a .jt{width: 20px;height: 20px;background: url(../images/svg/hd_1_2.svg) center no-repeat;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd1 .dd_a1.act{opacity: 1;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd2-container{
    position: absolute;top: 0;bottom: 0; left: 100%;width: 100%;pointer-events: none;
}
.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd2{width: 100%;height: 100%;border-right: 1px solid rgba(255,255,255,.1);padding: 35px 20px 15px;display: none;overflow: auto;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd2 .dd_a2{margin-bottom: 10px;opacity: .3;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd2 .dd_a2 > .a{line-height: 24px;border-bottom: 1px solid rgba(0, 0, 0, 0.06);color: #fff;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd2 .dd_a2 > .a .wz{width: calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd2 .dd_a2 > .a .jt{width: 20px;height: 20px;background: url(../images/svg/hd_1_2.svg) center no-repeat;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd2 .dd_a2.act{opacity: 1;}

.head .hox .hlt .ul1 .li:hover .lbtm2 .dl1 .dd1 .dd_a1.act > .dd2-container{
    pointer-events: auto;
}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd1 .dd_a1.act > .dd2-container > .dd2 {display: block;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd3-container{
    position: absolute;top: 0;bottom: 0; left: 100%;width: 100%;pointer-events: none;
}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd3{width: 100%;height: 100%;border-right: 1px solid rgba(255,255,255,.1);padding: 35px 20px 15px;display: none;overflow: auto;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd3 .dd_a3{margin-bottom: 10px;opacity: .3;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd3 .dd_a3 > .a{line-height: 24px;border-bottom: 1px solid rgba(0, 0, 0, 0.06);color: #fff;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd3 .dd_a3 > .a .wz{width: calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd3 .dd_a3 > .a .jt{width: 20px;height: 20px;background: url(../images/svg/hd_1_2.svg) center no-repeat;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd3 .dd_a3.act{opacity: 1;}

.head .hox .hlt .ul1 .li:hover .lbtm2 .dl1 .dd1 .dd_a1.act > .dd2-container > .dd2 .dd_a2.act > .dd3-container{
    pointer-events: auto;
}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd1 .dd_a1.act > .dd2-container > .dd2 .dd_a2.act > .dd3-container > .dd3 {display: block;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd4-container{
    position: absolute;top: 0;bottom: 0; left: 100%;width: 100%;pointer-events: none;
}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd4{width: 360px;height: 100%;padding: 35px 20px 15px;display: none;overflow: auto;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd4  .a{margin-bottom: 10px;opacity: .3;line-height: 24px;border-bottom: 1px solid rgba(0, 0, 0, 0.06);color: #fff;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd4  .a .wz{width: calc(100% - 20px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd4  .a .jt{width: 20px;height: 20px;background: url(../images/svg/hd_1_2.svg) center no-repeat;}

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd4  .a:hover{opacity: 1;}    

.head .hox .hlt .ul1 .li .lbtm2 .dl1 .dd1 .dd_a1.act > .dd2-container > .dd2 .dd_a2.act > .dd3-container > .dd3 .dd_a3.act .dd4-container > .dd4{display: block;}

.head .hox .hlt .ul1 .li:hover .lbtm2 .dl1 .dd1 .dd_a1.act > .dd2-container > .dd2 .dd_a2.act > .dd3-container > .dd3 .dd_a3.act .dd4-container{
    pointer-events: auto;
}

.head .hox .hlt .ul1 .li:hover .lbtm2{opacity: 1;pointer-events: visible;top: 100%;}


.head .hox .hrt{}

.head .hox .hrt .anniu{display: block;position: relative;overflow: hidden;margin-right: .5rem;}

.head .hox .hrt .anniu .aox1{display: block;position: relative;left: 0; width: 180px; line-height: 48px;background:  url(../images/hd_1_1.webp) center no-repeat;text-align: center;}

.head .hox .hrt .anniu .aox1 span{color: #fff;position: relative;left: 0;}

.head .hox .hrt .anniu .aox2{width: 0%;height: 100%;position: absolute;top: 0;left: 0;z-index: 3;overflow: hidden;}

.head .hox .hrt .anniu .aox2 img{display: block;width: auto;height: 100%;max-width: 999px;position: absolute;top: 0;left: 0;}

.head .hox .hrt .anniu:hover .aox1 span{opacity: 0;left: 100%;}

.head .hox .hrt .anniu:hover .aox2{width: 100%;transition-delay: .15s;-webkit-transition-delay: .15s;}



.head .hox .hrt .yy{display: block;width: 48px;height: 48px;background: url(../images_die/svg/yy.svg) center no-repeat;}

.head .hox .hrt .yy:hover{background: url(../images_die/svg/yy2.svg) center no-repeat;}

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

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

.head .hox .hrt .xian{display: block;width: 1px;height: 18px;background: #fff;margin: 0 .15rem;}

.head .hox .hlt .ul1 .li:hover .lbtm{opacity: 1;pointer-events: visible;top: 100%;}

.head .hox .hlt .ul1 .li:hover .lbtm{}




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





/* 首页 */

.i1{position: relative;}

.swiper1{}

.swiper1 .swiper-slide{}

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

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

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

.swiper1 .swiper-slide .sbox .txt{width: 100%;color: #fff;position: absolute;left: 0;bottom: 0;height: 100%;display: flex;align-items: center;align-content: center;background: rgba(0, 0, 0, 0.1); line-height: 1.4;z-index: 5;padding-bottom: .5rem;}

.swiper1 .swiper-slide .sbox .txt .tc{margin: 20px 0 ;line-height: 1.22;}

.swiper1 .swiper-slide .sbox .txt .more{margin-top: .4rem;}

.swiper1 .swiper-slide .sbox img{width: 100%;transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: all 4s; -moz-transition: all 4s;  transition: all 4s; }

.swiper1 .swiper-slide .sbox .pimg{aspect-ratio: 1920 / 950;}

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

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

.swiper1 .pagination1{display: none;}

.swiper1 .btn{display: none;width: 50px;height: 50px;background: url(../images/svg/jt_r1.svg) center no-repeat;border: 2px solid rgba(255,255,255,0.3);border-radius: 50%;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;position: absolute;top: 50%;right: .8rem;z-index: 5;}

.swiper1 .prev1{left: .8rem;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.swiper1 .btn:hover{background: var(--vi-color) url(../images/svg/jt_r1.svg) center no-repeat;border: 2px solid var(--vi-color);}

.vi{color: var(--vi-color);}

.i1 .wenan{position: absolute;width: 100%;left: 0;bottom: .5rem;z-index: 5;color: #fff;line-height: 1.5;}

.i1 .wenan .ul1{display: flex;}

.i1 .wenan .ul1 li{width: 23.68%;margin-right: .2rem;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;}

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

.i1 .wenan .ul1 li .xian{display: block;width: 100%;height: 4px;background: #D9D9D9;opacity: 0.1;}

.i1 .wenan .ul1 li .xian span{display: block;width: 0%;height: 100%;background: var(--vi-color);}

.i1 .wenan .ul1 li .ltt{margin-bottom: 10px;line-height: 20px;opacity: .4;}

.i1 .wenan .ul1 li.act .xian{opacity: 1;}

.i1 .wenan .ul1 li.act .xian span{width: 100%;-webkit-transition: all 7s linear; -moz-transition: all 7s linear;  transition: all 7s linear; }

.i1 .wenan .ul1 li.act .ltt{opacity: 1;}

.i2hezi{position: relative;max-width: 1920px;margin: 0 auto;overflow: hidden;}

.i2hezi .guidao{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;pointer-events: none;}

.i2hezi .guidao .bg{position: relative;width: 100%;height: 100%;opacity: 0;}

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

.dh_xt1 .xian1{position: absolute;width: calc(100% - 180px); height: calc(100% - 40px); border-right: 2px solid #D9D9D9;border-bottom: 2px solid #D9D9D9; top: 0;left: 140px;opacity: .3; z-index: 5;pointer-events: none;border-radius:  0 0 50px;}

.dh_xt1 .xian2{position: absolute;width: calc(100% - 195px); height: calc(100% - 55px); border-right: 2px solid #D9D9D9;border-bottom: 2px solid #D9D9D9; top: 0;left: 140px;opacity: .3; z-index: 5;pointer-events: none;border-radius:  0 0 50px;}

.i2hezi .xiaoche{position: absolute;width: 120px;top: 1%;left: calc(100% - 108px);z-index: 6;pointer-events: none;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);}

.i2hezi .xiaoche img{position: relative;z-index: 3;}

.i2hezi .xiaoche s{display: block;width: 100%;height: 100%;background: #fff;border-radius: 50%;position: absolute;top: 0;left: 0;z-index: 1;transform: scale(0.5);-webkit-transform: scale(0.5);opacity: 0;animation: tmsf 1.5s linear  infinite ;-webkit-animation: tmsf 1.5s linear   infinite ;}

.i2hezi .xiaoche .s2{animation-delay: 0.75s;-webkit-animation-delay: 0.75s;}

.i2hezi .xiaoche.act{transform: rotate(0deg);-webkit-transform: rotate(0deg);}



.i2{position: relative;padding:100px 0 0;color: #fff;height: 980px;}

.i2 .tt{line-height: 1.2;text-align: center;}

.i2 .anniu{margin: 40px 0 60px;}

.i2 .anniu .ul1{padding: 5px;border: 1px solid rgba(255,255,255,0.2);border-radius: var(--radius33);line-height: 46px;justify-content: safe center;}

.i2 .anniu .ul1 .li{padding: 0 .35rem;border-radius: var(--radius33);margin-right: .1rem;flex-shrink: 0;}

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


.li_btn{position: relative;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;overflow: hidden;}

.li_btn .wz{position: relative;z-index: 3;}

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

.li_btn .bg s{}

.li_btn .bg s{display: block;width: 0%;height: 100%;position: absolute;top: 0;left: auto;right: 0;z-index: -1;background: var(--vi-color);-moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.li_btn.act .bg s,.li_btn:hover .bg s{width: 100%;left: 0;right: auto;}

.i2 .lunbo1{position: relative;}

.i2 .lunbo1 .ul1{overflow: hidden;position: absolute;top: 0;left: 0;width: 100%;opacity: 0;pointer-events: none;z-index: 1;}

.i2 .lunbo1 .ul1 .li{position: relative;flex: 1;text-align: center;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;padding: .2rem;z-index: 1;height: 148px;}

.i2 .lunbo1 .ul1 .li .img{position: relative;width: 1.2rem;margin: 0 auto .2rem;opacity: .3;}

.i2 .lunbo1 .ul1 .li .wz{
    opacity: .5;
}

.i2 .lunbo1 .ul1 .li s{display: block;width: 1px;height: calc(100% - .4rem);top: .2rem;right: -2px;background: #fff;opacity: .1;position: absolute;}

.i2 .lunbo1 .ul1 .li.act,.i2 .lunbo1 .ul1 .li:hover{background: var(--vi-color);z-index: 2;}

.i2 .lunbo1 .ul1 .li.act .img,.i2 .lunbo1 .ul1 .li:hover .img{opacity: .8;}

.i2 .lunbo1 .ul1 .li.act .wz,.i2 .lunbo1 .ul1 .li:hover .wz{
    opacity: 1;
}

.i2 .lunbo1 .ul1.act{position: relative;opacity: 1;pointer-events: visible;z-index: 2;}

.i2 .lunbo2{position: relative;background: #202A36;padding: 0 70px;}

.swiper2{padding: 40px 0;}

.swiper2 .swiper-slide{}

.swiper2 .swiper-slide .sbox{}

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

.swiper2 .swiper-slide .sbox .ul1 .li{position: relative;width: calc(calc(100% - .6rem) / 4);margin-right: .2rem; overflow: hidden;}

.swiper2 .swiper-slide .sbox .ul1 .li:last-child{margin-right: 0;}

.swiper2 .swiper-slide .sbox .ul1 .li .img{
    position: relative;
    height: 420px;
    display: flex;
    align-items: center;
}

.swiper2 .swiper-slide .sbox .ul1 .li .img img{
    display: block;
    width: 100%;
    height: 100%;
}
.swiper2 .swiper-slide .sbox .ul1 .li .img img:nth-child(1){
    height: auto;
    aspect-ratio: 350 / 250;
    object-fit: cover;
}
.swiper2 .swiper-slide .sbox .ul1 .li .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 1;}

.swiper2 .swiper-slide .sbox .ul1 .li video{
    width: 100%;
    aspect-ratio: 350 / 250;
    object-fit: cover;
    position: absolute;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: 0;
    z-index: 2;
    opacity: 0;
}

.swiper2 .swiper-slide .sbox .ul1 .li .stop{width: 100%;position: absolute;top: 0;left: 0;z-index: 3;color: #fff;}

.swiper2 .swiper-slide .sbox .ul1 .li .stop .art span{display: block;line-height: 30px;background: rgba(255, 255, 255, 0.06);padding: 0 15px;clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 10px 100%, 0% 20px, 0% 0%);color: rgba(255, 255, 255, 0.6);}

.swiper2 .swiper-slide .sbox .ul1 .li .stop .alt{padding-left: .3rem;}

.swiper2 .swiper-slide .sbox .ul1 .li .stop .alt span{
    display: block;
    width: 60%;
    line-height: 1.3;
    /*font-family: 'openb';*/
    overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.swiper2 .swiper-slide .sbox .ul1 .li .stop .alt .ico{margin-top: .15rem;}

.swiper2 .swiper-slide .sbox .ul1 .li .sbtm{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 2;padding:  0 .3rem 20px;}

.swiper2 .swiper-slide .sbox .ul1 .li .sbtm .wz2{padding-left: 3px;}

.swiper2 .swiper-slide .sbox .ul1 .li .sbtm .alt{max-width: 49%;}

.swiper2 .swiper-slide .sbox .ul1 .li .sbtm .alt .att{
    /*flex-wrap: wrap;*/
}

.swiper2 .swiper-slide .sbox .ul1 .li .sbtm .alt .atc{line-height: 20px;margin-top: 5px;opacity: .3;font-family: "open";}

.swiper2 .swiper-slide .sbox .ul1 .li .sbtm2{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;background: var(--vi-color);text-align: center;line-height: 50px;color: #fff;opacity: 0;}

.swiper2 .swiper-slide .sbox .ul1 .li .sbtm2:hover{background: var(--vifu-color);}

.swiper2 .swiper-slide .sbox .ul1 .li:hover .sbtm{opacity: 0;}

.swiper2 .swiper-slide .sbox .ul1 .li:hover .sbtm2{opacity: 1;}

.swiper2 .swiper-slide .sbox .ul1 .li:hover video{opacity: 1;}
.swiper2 .swiper-slide .sbox .ul1 .li:hover .img img:nth-child(1){opacity: 0;}
.swiper2 .swiper-slide .sbox .ul1 .li .img img.active:nth-child(1){
    opacity: 1;
}

.swiper2 .swiper-slide .sbox .ul1 .li:nth-child(4) .stop .art{padding-right: .3rem;padding-right: .11rem;}

.swiper2 .swiper-slide .sbox .ul1 .li:nth-child(4) .stop .art span{padding-right: 40px; clip-path: polygon(78% 0%, 100% 98%, 100% 100%, 10px 100%, 0% 20px, 0% 0%);}

.i2 .lunbo2 .btn{display: block;width: 70px;height: 70px;background: url(../images/svg/jt_r1.svg) center no-repeat;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;position: absolute;top: 50%;margin-top: -35px; right: 0;z-index: 5;}

.i2 .lunbo2 .prev2{left: 0;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.i2 .lunbo2 .btn:hover{background: var(--vi-color) url(../images/svg/jt_r1.svg) center no-repeat;}


.i2 .lunbo3{display: none;}

.i3{padding-top: 80px;color: #fff;height: 785px;}

.i3 .tt{text-align: center;line-height: 1.2;}

.i3 .dl1{margin-top: 2.8vw;}

.i3 .dl1 .dd{width: 48.75%;max-width: 780px;position: relative;line-height: 1.5;}

.i3 .dl1 .dd .bg{width: 100%;height: 580px;}

.i3 .dl1 .dd .bg img{display: block;width: 100%;height: 100%;}

.i3 .dl1 .dd .txt{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;padding: .4rem .5rem;}

.i3 .dl1 .dd .txt .ico{margin: .15rem 0 .35rem;}

.i3 .dl1 .dd .txt .ltc{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: 5px;
}

.i3 .dl1 .dd .txt .ltc .a{
    color: #fff;
    line-height: 26px;
    margin: 5px 0;
    opacity: 0.5;
}

.i3 .dl1 .dd .txt .ltc .a s{display: block;width: 5px;height: 5px;background: #fff;border-radius: 50%;}

.i3 .dl1 .dd .txt .ltc .a .wz{width: calc(100% - 5px);padding-left: 10px;}

.i3 .dl1 .dd .txt .ltc .a .wz .p{display: block;width: 20px;height: 20px;background: url(../images/svg/jt_r1.svg) center no-repeat;background-size: 8px;margin-left: 5px;opacity: 0;}

.i3 .dl1 .dd .txt .ltc .a.act{
    opacity: 1;
    font-family: "openr";
}

.i3 .dl1 .dd .txt .ltc .a.act .wz .p{opacity: 1;}

.i3 .dl1 .dd .txt .ltc .a.act .wz {text-decoration: underline;text-underline-offset: 2px;}

.i3 .dl1 .dd .img_ul1{width: 100%;height: 80%;position: absolute;left: 0;top: 10%;overflow: hidden;z-index: 1;}

.i3 .dl1 .dd .img_ul1 .li{display: block;width: 100%;height: 100%;overflow: hidden;position: absolute;top: 0;left: 0;opacity: 0;}

.i3 .dl1 .dd .img_ul1 .li img{height: auto;position: absolute;top: 50%;transform: translateY(-50%);left: 0;-webkit-transform: translateY(-50%);aspect-ratio: 780 / 430;}

.i3 .dl1 .dd .img_ul1 .li .vid{position: absolute;top: 0;left: 0;z-index: 2;aspect-ratio: 780 / 430;}

.i3 .dl1 .dd .img_ul1 .li.act{opacity: 1;}

.i3 .dl1 .dd .jt{display: block;width: 60px;height: 60px;border: 2px solid rgba(255, 255, 255, 0.1);background: url(../images/svg/jt_r2.svg) center no-repeat;position: absolute;left: .5rem;bottom: .65rem;z-index: 3;}

.i3 .dl1 .dd .jt:hover{background: var(--vi-color) url(../images/svg/jt_r2.svg) center no-repeat;border: 2px solid var(--vi-color);}

.i4{padding: 90px 0 160px;color: #fff;height: 872px;}

.i4 .tt{line-height: 1.2;text-align: center;}

.i4 .lunbo{position: relative;margin-top: 50px;}

.i4 .lunbo .bg{width: 100%;height: 500px;}

.i4 .lunbo .bg img{display: block;width: 100%;height: 100%;}

.i4 .lunbo .ul1{position: absolute;top: 0;left: .4rem;z-index: 2;width: calc(100% - .8rem);height: 100%;}

.i4 .lunbo .ul1 .li{position: relative;width: 15.2%;height: 100%;border-right: 1px solid rgba(255, 255, 255, 0.1);padding: .4rem .15rem;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;background: url(../images/in_4_1.webp) center no-repeat;background-size: cover;}

.i4 .lunbo .ul1 .li:last-child{border: 0;}

.i4 .lunbo .ul1 .li .wz{line-height: 30px;min-height: 60px;margin-bottom: .28rem}

.i4 .lunbo .ul1 .li .ltc{
    opacity: 0.8;
    width: 100%;
    z-index: 3;
    padding: 0 0 1.08rem;
    line-height: 22px;
    display: none;
    transition: initial;
}

.i4 .lunbo .ul1 .li.act{width: 24%;background: url(../images/in_4_2.webp) center no-repeat;background-size: cover;}

.i4 .lunbo .ul1 .li .ico{
    opacity: 0.6;
}

.i4 .lunbo .ul1 .li.act .ico{
    opacity: 1;
    /*transition-delay: .3s;*/
    /*-webkit-transition-delay: .3s;*/
    /*-moz-transition-delay: .3s;*/
    /*-o-transition-delay: .3s;*/
    
}

.i5 {padding: 100px 0;background: #fff;position: relative;height: 766px;}

.i5 .tt{text-align: center;line-height: 1.2;}

.i5 .iox{margin-top: 50px;}

.i5 .iox .ilt{width: 48.75%;max-width: 780px;position: relative;line-height: 1.5;display: block;overflow: hidden;}

.i5 .iox .ilt .bg{position: relative;width: 100%;overflow: hidden;height: 440px;}

.i5 .iox .ilt .bg s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: url(../images/in_5_1.webp) center bottom no-repeat;background-size: cover;}

.i5 .iox .ilt .txt{width: 100%;position: absolute;left: 0;bottom: 0;z-index: 5;color: #fff;padding: .4rem;}

.i5 .iox .ilt .txt .tox{color: #fff;display: block;width: 100%;}

.i5 .iox .ilt .txt .tox .xian{display: block;width: .6rem;height: 3px;background: #fff;margin-bottom: .2rem;opacity: .6;}

.i5 .iox .ilt .txt .tox .att{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.i5 .iox .ilt .txt .tox .atc{line-height: 20px;margin: .1rem 0 .2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.i5 .iox .ilt .txt .tox2 a{display: block;margin-left: 5px;}

.i5 .iox .irt{width: 48.75%;max-width: 780px;position: relative;display: block;overflow: hidden;}


.i5 .xian1{position: absolute;width: 85px; height: calc(100% + 42px); border-left: 2px solid #D9D9D9;border-top: 2px solid #D9D9D9; bottom: 0;left: 55px;opacity: .3; z-index: 5;pointer-events: none;border-radius:   50px 0 0;}

.i5 .xian2{position: absolute;width: 100px; height: calc(100% + 57px); border-left: 2px solid #D9D9D9;border-top: 2px solid #D9D9D9; bottom: 0;left: 40px;opacity: .3; z-index: 5;pointer-events: none;border-radius:  50px 0 0 ;}


.swiper3{}

.swiper3 .swiper-slide .sbox{}

.swiper3 .swiper-slide .sbox .img{display: block;overflow: hidden;height: 210px;}

.swiper3 .swiper-slide .sbox .img img{transform: scale(1.00002);-webkit-transform: scale(1.00002);-moz-transform: scale(1.00002);-o-transform: scale(1.00002);}

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

.swiper3 .swiper-slide .sbox .xian{display: block;width: .6rem;height: 3px;background: #BABDC0;margin: 27px 0 25px;}

.swiper3 .swiper-slide .sbox .atc{display: block;padding: 0 10px 0 0;line-height: 28px;height: 84px;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 20px;}

.swiper3 .swiper-slide .sbox .tox2{color: #999;margin-bottom: 40px;}

.swiper3 .swiper-slide .sbox .tox2 a{display: block;margin-left: 5px;}

.swiper3 .swiper-slide .sbox .atc:hover{color: var(--vi-color);}

.swiper3 .pagination3{top: auto;bottom: 0;background: rgba(0, 0, 0, 0);height: 4px;}

.swiper3 .pagination3::after{content: '';display: block;width: 100%;height: 1px;background: #e5e5e5;position: absolute;left: 0;bottom: 0;}

.swiper3 .pagination3 span{background: var(--vi-color);}


/* 底部 */

.footer1{padding: 80px 0;color: #fff;background: url(../images/fo_1bg.webp) left bottom no-repeat;position: relative;height: 686px;}

.footer1 .xian1{display: none;position: absolute;width: 85px; height: 100%; border-left: 2px solid #D9D9D9; bottom: 0;left: 55px;opacity: .3; z-index: 5;pointer-events: none;}

.footer1 .xian2{display: none; position: absolute;width: 100px; height: 100%; border-left: 2px solid #D9D9D9; bottom: 0;left: 40px;opacity: .3; z-index: 5;pointer-events: none;}

.i2hezi .xian1{display: block;}

.i2hezi .xian2{display: block;}

.footer1 .fox{}

.footer1 .fox .flt{width: 43.75%;padding-right: 1.5rem;line-height: 1.5;} 

.footer1 .fox .flt .tt{font-family: 'openb';}

.footer1 .fox .flt .tc{line-height: 30px;margin: .3rem 0;opacity: 0.7;}

.footer1 .fox .flt .ul2{}

.footer1 .fox .flt .ul2 .li{display: block;position: relative;margin-right: 15px;}

.footer1 .fox .flt .ul2 .li .ico{width: 50px;border: 1px solid rgba(255, 255, 255, 0.06);border-radius: 3px;}

.footer1 .fox .flt .ul2 .li .ewm{display: block;width: 90px;position: absolute;left: 0;top: 60px;opacity: 0;pointer-events: none;}

.footer1 .fox .flt .ul2 .li:hover .ico{background: var(--vi-color);}

.footer1 .fox .flt .ul2 .li:hover .ewm{opacity: 1;top: 70px;}

.footer1 .fox .frt{width: 56.25%;} 

.footer1 .fox .frt .ul1{}

.footer1 .fox .frt .ul1 .li{width:32% ;margin: 0 0 4%;}

.footer1 .fox .frt .ul1 .li .ltt{line-height: 22px;margin-bottom: 12px;opacity: 0.6;}

.footer1 .fox .frt .ul1 .li .ltt span{
    color: #2F86EA;
}

.footer1 .fox .frt .ul1 .li .ltc{}

.footer1 .fox .frt .ul1 .li:nth-child(7){width: 100%;}

.footer1 .fox .frt .ul1 .li .ltc input,.footer1 .fox .frt .ul1 .li .ltc textarea{display: block;width: 100%;height: 42px;background: #121A25;border-radius: 3px;border: 0;outline: none;color: #fff;padding: 0 10px;}

.footer1 .fox .frt .ul1 .li .ltc textarea{height: 100px;resize: none;line-height: 1.5;padding: 10px;font-family: "open";}

.footer1 .fox .frt .ul1 .li.act .ltt{color: #f00;}

.footer1 .fox .frt .xuanze{margin-bottom: .4rem;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;}

.footer1 .fox .frt .xuanze span{display: block;width: 16px;height: 16px;background: var(--vi-color) url(../images_die/svg/dui.svg) center no-repeat;border-radius: 3px;margin-top: 2px;}

.footer1 .fox .frt .xuanze.act span{background: #fff;}

.footer1 .fox .frt .xuanze .wz{width: calc(100% - 16px);padding-left: 10px;line-height: 1.5;color: rgba(255,255,255,0.3);}

.footer1 .fox .frt .xuanze .wz a{
    color: rgba(255,255,255,0.5);
    text-decoration: underline;
}

.footer1 .fox .frt .xuanze .wz a:hover{
    color: #fff;
}

.footer1 .fox .frt .f_tj{display: block;width: 100%;line-height: 50px;background: var(--vi-color);color: #fff;border-radius: var(--radius33);text-align: center;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;}

.footer1 .fox .frt .f_tj:hover{background: var(--vifu-color);}

.footer2{padding: 35px 0;background: #223145;color: #fff;line-height: 50px;}

.footer2 .frt{width: 44%;}

.footer2 .frt input{display: block;width: calc(100% - 210px);height: 50px;border: 0;outline: none;padding: 0 20px;border-radius: var(--radius33);}
.footer2 .frt input::placeholder{
    transition: all .5s;
}
.footer2 .frt input:focus::placeholder{
    color: #e5e5e5;
}

.footer2 .frt .yx_tj{display: block;width: 180px;text-align: center;background: var(--vi-color);color: #fff;border-radius: var(--radius33);cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;}

.footer2 .frt .yx_tj:hover{background: var(--vifu-color);;}

.footer3{color: #fff;padding: 1rem 0;}

.footer3 .fox{}

.footer3 .fox .flt{width: 70%;}

.footer3 .fox .flt .logo{display: block;width: 1.1rem;}

.footer3 .fox .flt .ul1{width: 70%;}

.footer3 .fox .flt .ul1 .li{width: 33.33%;}

.footer3 .fox .flt .ul1 .li a{display: block;color: #fff;line-height: 24px;margin-bottom: 13px;opacity: .5;}

.footer3 .fox .flt .ul1 .li .ltop a{padding-bottom: 15px;opacity: 1;}

.footer3 .fox .flt .ul1 .li a:hover{opacity: 1;}

.footer3 .fox .frt{width: 30%;border-left: 1px solid rgba(255, 255, 255, 0.1);padding-left: 1.1rem;line-height: 24px;}

.footer3 .fox .frt .ftc{display: block;color: rgba(255,255,255,0.3);margin: 7px 0 28px;}

.footer3 .fox .frt .ftc.status1{
    color: #2B86EF;
    line-height: 24px;
    opacity: 1;
}

.footer3 .fox .frt .ftc.status1:hover{
    text-decoration: underline;
}

.footer3 .fox .frt a:hover{opacity: 1;color: #2B86EF;}


.footer4 .fox{ display: flex;justify-content: space-between;border-top: 1px solid rgba(255,255,255,.1);padding: .34rem 0;line-height: 24px;}

.footer4 .flt {  display: flex;  width: calc(100% - 200px);flex-wrap: wrap;}

.footer4 .flt .a {display: block;color: #fff;margin-right: 10px;opacity: .3;}

.footer4 .flt a:hover { color: #fff;}

.footer4 .frt {max-width: 200px;display: flex;color: #fff;}

.footer4 .frt a {display: block;color: #fff;opacity: .3;}   

.footer4 a:hover {opacity: 1 !important;}

.footer4 .frt span {display: block;margin: 0 5px;opacity: .5;}





/* 表单弹窗 */

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

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

.liuyan_tanchuang .ico {width: 24px;}

.liuyan_tanchuang .out {width: 20px;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;margin-top: 2px;}

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








/* 更多 */






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


/* 动画 */

@-webkit-keyframes zhuan {0% {top: -100%;}100% {top: 100%;}}

@keyframes  zhuan {0% {top: -100%;}100% {top: 100%;}}


@-webkit-keyframes tmsf {0% {opacity: 0;-webkit-transform: scale(0.5);} 20% {opacity: 0.3;} 80% {opacity: 0.3;} 100% {opacity: 0;-webkit-transform: scale(1);}}

@keyframes   tmsf {0% {opacity: 0;transform: scale(0.5);} 20% {opacity: 0.3;} 80% {opacity: 0.3;}100% {opacity: 0;transform: scale(1);}}



/* 视频弹框 */

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

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

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

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

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

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

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

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

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

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

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




.glow-btn .aox2{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.glow-btn {
    margin-right: 40px;
  --glow-btn-w: 180px;
  --glow-btn-h: 48px;
  --glow-chamfer: 10;
  --glow-btn-fill: var(--vi-color);
  /* --glow-btn-rim: rgba(255, 255, 255, 0.32); */
  --glow-flow: #dff6ff;
  --glow-stroke: 1px;
  --glow-flow-move: 1s;
  --glow-flow-pause: 0.5s;
  --glow-flow-cycle: calc(var(--glow-flow-move) + var(--glow-flow-pause));
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--glow-btn-w);
  height: var(--glow-btn-h);
  padding: 0;
  border: 0;
  cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;
  vertical-align: middle;
  background: transparent;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
}

.glow-btn img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 111px;
    opacity: 0;
}


.glow-btn:hover{
    --glow-btn-fill: var(--vifu-color);
}

.glow-btn:hover img {
    opacity: 1;
}

.glow-btn:hover span {
    opacity: 0;
}

.glow-btn:focus {
  outline: none;
}

.glow-btn:focus-visible {
  outline: 1px solid rgba(180, 235, 255, 0.85);
  outline-offset: 1px;
}

.glow-btn .layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.glow-btn .label {
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.glow-btn .shape-body {
  fill: var(--glow-btn-fill);
}

.glow-btn .shape-rim {
  fill: none;
  stroke: var(--glow-btn-rim);
  stroke-width: 1px;
  vector-effect: non-scaling-stroke;
}

.glow-btn .shape-flow-track {
  fill: none;
  stroke: #fff;
  stroke-width: 1px;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
  opacity: .2;
}

.glow-btn .shape-flow,
.glow-btn .shape-flow-mirror {
  fill: none;
  stroke: var(--glow-flow);
  stroke-width: 1px;
  stroke-linejoin: miter;
  vector-effect: non-scaling-stroke;
  /* filter: drop-shadow(0 0 2px rgba(180, 235, 255, 0.75))
    drop-shadow(0 0 5px rgba(100, 190, 255, 0.35)); */
  stroke-dasharray: 47.45 358.48;
}

.glow-btn .shape-flow {
  stroke-dashoffset: 0;
  animation: glow-btn-flow var(--glow-flow-cycle) linear infinite;
}

.glow-btn .shape-flow-mirror {
  animation: glow-btn-flow-mirror var(--glow-flow-cycle) linear infinite;
}

.glow-btn:hover .shape-body {
  /* filter: brightness(1.06); */
}

.glow-btn:active .shape-body {
  /* filter: brightness(0.96); */
}

/* keyframes 中 66.666667% = move / (move + pause) * 100 */
@keyframes glow-btn-flow {
  0% {
    stroke-dashoffset: 0;
    animation-timing-function: ease-out;
  }
  66.666667% {
    stroke-dashoffset: -405.925;
    animation-timing-function: linear;
  }
  100% {
    stroke-dashoffset: -405.925;
  }
}

@keyframes glow-btn-flow-mirror {
  0% {
    stroke-dashoffset: -202.962;
    animation-timing-function: ease-out;
  }
  66.666667% {
    stroke-dashoffset: -608.887;
    animation-timing-function: linear;
  }
  100% {
    stroke-dashoffset: -608.887;
  }
}



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





@media (max-width:1800px) {
    

    

}


@media (max-width:1700px) {
    

    


}


@media (max-width:1600px) {

   


}

@media (max-width:1500px) {




    
}


@media (max-width:1450px) {
    

}




@media (max-width:1300px) {

  

}


@media (max-width:1200px )  {


  .wow{opacity: 1;}

  .head{display: none;}
  .page .page1 {
    display: none;
  }
  .page .page2 {
    display: block;
  }
  .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:#192330 ;border-bottom: 1px solid rgba(255,255,255,0);}

  .mhead .menu{height: 50px;padding-left: 35px;background:url(../images/m1_1.webp) center  no-repeat ;background-size: 30px;float: right;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;}

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

  .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: 40px;height: 50px;float: right;background: url(../images/svg/ss1.svg) center no-repeat;}

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

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

  .mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.8) url(../images/svg/out.svg) 92% 15px no-repeat ;position: absolute;top: 0;left: 0;z-index: 1;cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer;}

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

  .mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);cursor: url('../images_die/lc/svg/19.svg') 14 0,pointer; }

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

  .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: #fff;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

  .mnav .mbox .ul1 li .ltop span::before{width: 2px;height: 16px;background: #fff;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 rgba(255, 255, 255, 0.2);padding: 10px 0;}

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

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

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

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

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

  .mnav .mbox .ul1 .lang .yy2{width: 130px;padding: 40px 10px 10px 40px;background: #000;border-radius: 6px;position: absolute;top: -5px;left: -10px;z-index: -1;-moz-box-shadow:0px 1px 5px rgba(255, 255, 255, 0.5); -webkit-box-shadow:0px 1px 5px rgba(255, 255, 255, 0.5); box-shadow:0px 1px 5px rgba(255, 255, 255, 0.5);display: none;}

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

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

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

  .mnav.act{left: 0;}

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

  .mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 2000;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,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:#151515 ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);  }

  .mnav2 .mbox .dl1{}

  .mnav2 .mbox .dl1 dd{}

  .mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

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

  .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: #fff;content: "";position: absolute;right: 15px;top: calc(50% - 1px);}

  .mnav2 .mbox .dl1 dd .dtop span::before{width: 2px;height: 16px;background: #fff;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 rgba(255, 255, 255, 0.2);padding: 10px 0;}

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

  .mnav2.act{left: 0;}

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


}

@media (max-width: 1440px) {
    
    .footer1{
        background-size: 100% auto;
    }
}
@media (max-width:960px )  {

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

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

    .i1 .wenan .ul1{display: none;}

    .swiper1 .pagination1{display: block;bottom: 30px;}

    .swiper1 .pagination1 span{background: #fff;opacity: 1;}

    .swiper1 .pagination1 .swiper-pagination-bullet-active{background: var(--vi-color);}

    .i2hezi .xiaoche{display: none;}

    .i2hezi .xian1,.i2hezi .xian2{display: none !important;}

    .pd50{padding: 50px 0;}

    .i2{height: auto;}

    .f_60{font-size: 26px;}

    .i2 .anniu{margin: 20px 0;}

    .i2 .anniu .ul1{overflow: auto;}

    .i2 .lunbo1 .ul1{overflow: auto;}

    .i2 .lunbo1 .ul1 .li{height: auto;width: calc(calc(100vw - 10%) / 2);min-width: calc(calc(100vw - 10%) / 2);}

    .i2 .lunbo1 .ul1 .li s{right: 0;display: none;}

    .i2 .lunbo2{display: none;}

    .i2 .lunbo3{display: block;margin-top: 20px;}

    .swiper2m{}

    .swiper2m .swiper-slide {padding: 0px 2px 30px;}
    
    .swiper2m .swiper-slide .sbox {position: relative;width: 100%;overflow: hidden;}

    .swiper2m .swiper-slide .sbox .img{position: relative;border: 1px solid rgba(255, 255, 255, 0.1);}

    .swiper2m .swiper-slide .sbox .img img{display: block;width: 100%;height: 100%;}

    .swiper2m .swiper-slide .sbox .img img:nth-child(2){display: none;}

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

    .swiper2m .swiper-slide .sbox .stop .art span{display: block;line-height: 30px;background: rgba(255, 255, 255, 0.06);padding: 0 15px;clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 10px 100%, 0% 20px, 0% 0%);}

    .swiper2m .swiper-slide .sbox .stop .alt{padding-left: .3rem;}

    .swiper2m .swiper-slide .sbox .stop .alt span{display: block;width: 60%;line-height: 1.3;}

    .swiper2m .swiper-slide .sbox .stop .alt .ico{margin-top: .15rem;}

    .swiper2m .swiper-slide .sbox .sbtm{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 2;padding:  0 .3rem 20px;}

    .swiper2m .swiper-slide .sbox .sbtm .wz2{padding-left: 3px;}

    .swiper2m .swiper-slide .sbox .sbtm .alt{max-width: 40%;}

    .swiper2m .swiper-slide .sbox .sbtm .alt .atc{line-height: 20px;margin-top: 5px;opacity: .3;}

    .swiper2m .swiper-slide .sbox .sbtm2{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;background: var(--vi-color);text-align: center;line-height: 50px;color: #fff;opacity: 0;}

    .swiper2m .swiper-slide .sbox .sbtm2:hover{background: var(--vifu-color);}

    .swiper2m .swiper-slide .sbox:hover .sbtm{opacity: 0;}

    .swiper2m .swiper-slide .sbox:hover .sbtm2{opacity: 1;}

    .swiper2m .pagination2m {border: 0;}
    
    .swiper2m .pagination2m span{background: #fff;}

    .swiper2m .pagination2m .swiper-pagination-bullet-active{background: var(--vi-color);}

    .i3{padding: 0 0 50px;height: auto;}

    .i3 .dl1{margin-top: 20px;display: block;}

    .i3 .dl1 .dd{width: 100%;height: auto;}

    .i3 .dl1 .dd .bg{height: 380px;background: #202A36;border: 1px solid rgba(255, 255, 255, 0.1);margin-top: 10px;}

    .i3 .dl1 .dd .bg img{opacity: 0;}

    .i3 .dl1 .dd .img_ul1{top: auto;bottom: 0;height: 60%;}

    .i3 .dl1 .dd .jt{width: 40px;height: 40px;background-size: 20px;}

    .i4{padding: 0 0 50px;height: auto;}

    .i4 .lunbo{margin-top: 20px;}

    .i4 .lunbo .bg{display: none;}

    .i4 .lunbo .ul1{position: relative;width: 100%;left: 0;flex-wrap: wrap;}

    .i4 .lunbo .ul1 .li{width: 50%;border-top: 1px solid rgba(255, 255, 255, 0.1);background-size: auto 100%;height: auto;background-position: 0% 50%;display: flex;flex-direction: column;}

    .i4 .lunbo .ul1 .li.act{width: 50%;}

    .i4 .lunbo .ul1 .li:nth-child(2n){border-right: 0;}

    .i4 .lunbo .ul1 .li:last-child{border-top: 1px solid rgba(255, 255, 255, 0.1);}

    .i4 .lunbo .ul1 .li .ltc{position: relative;opacity: 1;padding: 0 0 20px;display: block;}
    .i4 .lunbo .ul1 .li .ico{
        margin-top: auto;
        opacity: 1;
    }

    .i5{padding: 50px 0;height: auto;}

    .i5 .iox{margin-top: 20px;display: block;}

    .i5 .iox .ilt{width: 100%;}

    .i5 .iox .ilt .bg{height: auto;}

    .i5 .iox .irt{width: 100%;}

    .swiper3 .swiper-slide .sbox .img{height: auto;}

    .swiper3 .swiper-slide .sbox .atc{line-height: 20px;height: 60px;}

    .swiper3 .swiper-slide .sbox .tox2{display: block;}

    .swiper3 .swiper-slide .sbox .tox2 span{display: block;}

    .swiper3 .swiper-slide .sbox .tox2 a{margin: 10px 5px 0 0;}

    .footer1{padding: 50px 0 150px ;height: auto;background-size: 220% auto;}

    .footer1 .fox{display: block;}

    .footer1 .fox .flt{width: 100%;padding: 0;}

    .footer1 .fox .frt{width: 100%;margin-top: 50px;}

    .footer1 .fox .frt .ul1 .li{width: 100%;}

    .footer2 .fox{display: block;}

    .footer2 .fox .flt{line-height: 1.8;}

    .footer2 .frt{width: 100%;display: block;}

    .footer2 .frt input{width: 100%;margin: 20px 0;}

    .footer2 .frt .yx_tj{margin: 0 auto;}

    .footer3{padding: 30px 0;}

    .footer3 .fox{display: block;}

    .footer3 .fox .flt{width: 100%;}

    .footer3 .fox .flt .ul1{display: none;}

    .footer3 .fox .flt .logo{width: 100px;}

    .footer3 .fox .frt{width: 100%;padding: 30px 0 1px;border: 0;}

    .footer3 .fox .frt .ftc{margin: 5px 0 15px;}

    .footer4 .fox{display: block;text-align: center;line-height: 1.8;}

    .footer4 .flt{display: block;width: 100%;margin-bottom: 5px;}

    .footer4 .frt{width: 100%;min-width: 100%;justify-content: center;}













}