.ibanner{width:100%;overflow:hidden;position:relative;font-size:0}
.ibanner.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
.ibanner .swiper-pagination-bullet{width:65px;height:2px;background-color:#fff;opacity:.7}
.ibanner .swiper-pagination-bullet.swiper-pagination-bullet-active .addBar{animation:mymove 5.5s linear;height:100%;background-color:#1b6bff}
@keyframes mymove{
from{width:0}
to{width:100%}
}

.ibanner .swiper-wrapper .swiper-slide{background-size:auto 100%; background-position:center;background-repeat:no-repeat;width:100%;height:640px;}
.ibanner .swiper-wrapper .swiper-slide .logoImg{display:block;width:110px;height:auto;margin:123px auto 30px auto;}
.ibanner .swiper-wrapper .swiper-slide>div{font-size: 48px;color:#fff;margin:auto;text-align:center;}

.ibanner .readMore{font-size: 16px;line-height:48px;text-align:center;margin:60px auto auto;justify-content:center;}









.iabout{width:1542px;margin:auto}
.iabout .aboutImg{font-size:0;width:1542px;margin:100px auto auto;position:relative}
.iabout .aboutImg img{display:block;width:100%;}
.iabout .aboutImg .mobile{display:none}
.iabout .aboutImg .aboutImgDesc{position:absolute;top:50px;left:0}
.iabout .aboutImg .aboutImgDesc .Title{font-size:40px;background-image:-webkit-linear-gradient(138deg,#1e56cc,#3971e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}
.iabout .aboutImg .aboutImgDesc .Builder{font-size:20px;line-height:40px}
.iabout .aboutImg .aboutImgDesc .splitLine{width:50px;height:1px;background-color:#1e56cc;margin-top:20px}
.iabout .aboutImg .aboutImgDesc .remark{font-size:16px;line-height:28px;color:#666;width:600px;padding-top:30px;margin-bottom:90px}
.iabout .Number{display:flex;margin-top:60px;padding-bottom:30px}
.iabout .Number .Item{width:calc((100% - 24px * 3)/ 4);background-color:#f4f7ff;border-radius:8px;/*box-shadow:12px 0 15px 1px rgba(133,164,229,.36);*/display:flex;align-items:center;justify-content:center;padding:10px 0}
.iabout .Number .Item:not(:nth-last-of-type(1)){margin-right:24px}
.iabout .Number .Item .Les{font-size:56px;font-family:OPPOSans;font-weight:700;color:#1e56cc;display:flex;align-items:flex-start}
.iabout .Number .Item .Les span{font-size:32px;padding-left:10px;box-sizing:border-box}
.iabout .Number .Item .Ris{display:flex;flex-direction:column;padding-left:20px;box-sizing:border-box;height:56px;justify-content:flex-end}
.iabout .Number .Item .Ris .cn{font-size:16px;color:#333}
.iabout .Number .Item .Ris .en{font-size:14px;color:#999}
.iSubTitle{font-size:16px;color:#1e56cc;padding:60px 0 0;text-align:center;box-sizing:border-box}
.iTitle{font-size:40px;color:#2f2f2f;text-align:center;padding-bottom:50px;box-sizing:border-box}
.iCons{width:1542px;margin:auto;padding-bottom:70px;display:flex}
.Pro .iCons .Les,.Pro .iCons .Ris{width:calc((100% - 24px)/ 2);height:380px}
.Pro .iCons .Les{/*background-image:linear-gradient(-12deg,#d0ecff,#ebf3f8,#c3e2ff);*/border-radius:8px;display:flex;margin-right:24px;background-image:url('../imgs/pcimg2.jpg');background-size:auto;background-position:right;justify-content:space-between;display:flex;}
.Pro .iCons .Les .Infos{display:flex;flex-direction:column;justify-content:center;width:max-content;height:100%;padding-left:60px;box-sizing:border-box}
.Pro .iCons .Les .Infos .pTitle{font-size:36px;color:#2f2f2f}
.Pro .iCons .Les .Infos .pDesc{font-size:14px;color:#111;width:260px;opacity:.7;margin:35px 0 80px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.Pro .iCons .Les .Infos .pMore{font-size:14px;color:#1b6bff;display:flex;line-height:20px;align-items:center}
.Pro .iCons .Les .Infos .pMore i{font-size:12px;padding-left:10px}
.Pro .iCons .Les .pIcon{padding:100px 0 0 50px;box-sizing:border-box;display:none;}
.Pro .iCons .Ris{display:flex;flex-wrap:wrap}
.Pro .iCons .Ris .Item{width:calc((100% - 24px)/ 2);height:calc((100% - 24px)/ 2);background-image:linear-gradient(135deg,rgba(206,231,254,.5),rgba(226,239,251,.5));border-radius:8px;padding:28px 25px;box-sizing:border-box;position:relative;transition:.3s}
.Pro .iCons .Ris .Item:nth-of-type(odd){margin-right:24px}
.Pro .iCons .Ris .Item:nth-of-type(-n+2){margin-bottom:24px}
.Pro .iCons .Ris .Item .ItemTitle{font-size:20px;color:#111}
.Pro .iCons .Ris .Item .ItemRemark{font-size:14px;color:#111;line-height:20px;margin:10px 0 25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;width:230px;opacity:.7}
.Pro .iCons .Ris .Item .ItemMore{font-size:14px;color:#1b6bff;display:flex;line-height:20px;align-items:center}
.Pro .iCons .Ris .Item .ItemMore i{font-size:12px;padding-left:10px}
.Pro .iCons .Ris .Item .ItemIocn{position:absolute;bottom:8px;right:8px;font-size:0;max-height:100px;max-width:100%}
.Pro .iCons .Ris .Item .ItemIocn img{width:auto;height:auto}
.Pro .iCons .Ris .Item:hover{background:rgba(30,86,204,1)}
.Pro .iCons .Ris .Item:hover .ItemMore,.Pro .iCons .Ris .Item:hover .ItemRemark,.Pro .iCons .Ris .Item:hover .ItemTitle{color:#fff}
.Serve{background-color:rgba(247,252,255,1)}
.Serve .iCons .Item{width:calc((100% - 24px * 3)/ 4);position:relative}
.Serve .iCons .Item:not(:nth-last-of-type(1)){margin-right:24px}
.Serve .iCons .Item .Img{width:100%;font-size:0;height:max-content}
.Serve .iCons .Item .Img img{width:100%;height:auto}
.Serve .iCons .Item .Remark{position:absolute;top:35px;left:50px;color:#fff}
.Serve .iCons .Item .ItemTitle{font-size:24px;font-weight:700}
.Serve .iCons .Item .ItemDesc{font-size:16px;width:275px;padding-top:5px;opacity:0;transition:.5s}
.Serve .iCons .Item:hover .ItemDesc{opacity:1}
.News .iCons .Item{width:calc((100% - 24px * 2)/ 3)}
.News .iCons .Item:not(:nth-last-of-type(1)){margin-right:24px}
.News .iCons .Item .Img{width:100%;/*max-height:300px;*/font-size:0;overflow:hidden;border-radius:8px;height:300px;/*background-size:100% auto;background-position:top;background-repeat:no-repeat;*/}
.News .iCons .Item .Img img{width:100%;height:auto}
.News .iCons .Item .Infos{padding-top:24px}
.News .iCons .Item .Infos .date{font-family:OPPOSans;font-size:14px;line-height:20px;color:#1e56cc;display:flex;align-items:center;font-weight:600}
.News .iCons .Item .Infos .date:before{content:'';display:block;width:3px;height:20px;background-color:rgba(30,86,204,.96);margin-right:15px;border-radius:2px}
.News .iCons .Item .Infos .title{font-size:20px;color:#333;padding:20px 0 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.News .iCons .Item .Infos .read{width:98px;border:1px solid #ccc;border-radius:25px;font-size:0;text-align:center;color:#1e56cc}
.News .iCons .Item .Infos .read i{font-size:10px;line-height:44px}
.News .iCons .Item:hover .title{color:#1e56cc}
.News .iCons .Item:hover .read{background-color:#1e56cc;color:#fff}
.News .readMore{margin:auto}
.Company{width:1280px;margin:auto}
.Company .Img{width:100%;font-size:0}
.Company .Img img{width:100%}
.Company .Desc{width:1070px;margin:70px auto auto;flex-direction:column}
.Company .Desc .Lis{display:flex;flex-direction:column}
.Company .Desc .Lis .LisTitle{font-size:20px;color:#333}
.Company .Desc .Lis .LisDesc{padding:10px 0 20px;font-size:16px;color:#666}
.Culture{display:flex;width:1280px;margin:auto}
.Culture .Lis{width:calc(100% / 3);padding:35px 20px 65px 70px;box-sizing:border-box;background-color:#f8f8f8;position:relative}
.Culture .Lis .num{font-size:20px;color:#333;font-family:OPPOSans;font-weight:700;line-height:20px}
.Culture .Lis .triangle{display:flex;flex-direction:column;align-items:flex-end;opacity:0;color:#fff}
.Culture .Lis .triangle i{font-size:12px;line-height:12px}
.Culture .Lis .LisTitle{font-size:28px;color:#333;padding:20px 0 30px}
.Culture .Lis .Cons{font-size:16px;color:#666;width:290px}
.Culture .Lis .Cons li{list-style:none;display:flex;align-items:center;border-radius:50%}
.Culture .Lis .Cons li:before{content:'';width:2px;height:2px;background-color:#666;display:block;margin-right:10px}
.Culture .Lis .LogoText{position:absolute;bottom:0;width:100%;font-size:0;left:0}
.Culture .Lis .LogoText img{width:100%}
.Culture .Lis:not(:nth-last-of-type(1)):after{content:'';display:block;height:80%;width:1px;background-color:rgba(0,0,0,.1);position:absolute;top:50%;right:0;transform:translateY(-50%)}
.Culture .Lis:hover{background-color:#1e56cc}
.Culture .Lis:hover .num{color:rgba(255,255,255,.5)}
.Culture .Lis:hover .triangle{opacity:1}
.Culture .Lis:hover .Cons,.Culture .Lis:hover .LisTitle{color:#fff}
.Culture .Lis:hover .Cons li:before{background-color:#fff}
.timeLine{margin:88px auto auto;display:flex;justify-content:center}
.timeLine .item{width:140px;line-height:50px;color:#666;text-align:center;font-size:16px;background-color:#f4f4f4;border-radius:6px}
.timeLine .item:not(:nth-last-of-type(1)){margin-right:12px}
.timeLine .item.active{background-color:#1e56cc;color:#fff}
.honor{width:1280px;margin:100px auto auto;overflow:hidden}
/* .honor .swiper.hide{display:none} */
.honor .swiper .swiper-wrapper .swiper-slide{width:486px;font-size:0;display:flex;flex-direction:column;align-items:center}
.honor .swiper .swiper-wrapper .swiper-slide img{width:auto;transform:scale(.8);height:300px;}
.honor .swiper .swiper-wrapper .swiper-slide.swiper-slide-active img{transform:scale(1)}
.honor .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .honorTitle{font-size:24px;color:#333;font-weight:700;padding-top:30px}
.honor .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .honorAward{font-size:14px;color:#999;padding:15px 0 5px}
.honor .swiper .swiper-wrapper .swiper-slide.swiper-slide-active .honorUnit{font-size:14px;color:#666}
.bottomBar{background-color:#eee;width:100%;margin-top:40px;display:none;justify-content:center;padding:50px 0 210px}
.bottomBar .Middle{display:flex;font-family:OPPOSans;font-size:18px;font-weight:700;width:380px;justify-content:center;line-height:35px}
.bottomBar .Middle>div{padding:0 20px;font-family:OPPOSans;}
.bottomBar>a{font-size:0;display:flex;line-height:35px;cursor:pointer}
.bottomBar>a i{font-size:35px}
.bottomBar.actives{display:flex;}
.MoreHonor{width:1542px;margin:auto}
.MoreHonor .Tops{margin-top:-130px;background-color:#fff}
.MoreHonor .Tops .innerTitle{margin-top:0;padding-top:60px}
.MoreHonor .HonorCons{width:1280px;margin:auto;display:flex;justify-content:space-between}
.MoreHonor .HonorCons .Les{display:flex;align-items:flex-end}
.MoreHonor .HonorCons .one{display:flex;flex-direction:column}
.MoreHonor .HonorCons .one .Line{width:1px;height:410px;background-color:#eee;margin-bottom:30px}
.MoreHonor .HonorCons .one .Text{text-transform:uppercase;font-size:18px;color:#ccc;transform:rotate(180deg) translateX(9px);width:max-content;writing-mode:tb-rl;line-height:18px}
.MoreHonor .HonorCons .two{font-size:0;height:768px}
.MoreHonor .HonorCons .two img{width:auto;height:100%}
.MoreHonor .HonorCons .Ris{display:flex;flex-direction:column;padding:46px 0;box-sizing:border-box;height:768px;overflow:auto}
.MoreHonor .HonorCons .Ris .Lis{display:flex;margin-bottom:30px;justify-content:flex-end}
.MoreHonor .HonorCons .Ris .Lis .num{font-size:14px;color:#666;font-family:OPPOSans;line-height:18px;padding-right:35px;font-weight:700}
.MoreHonor .HonorCons .Ris .Lis .line{height:2px;width:0;background-color:#ddd;margin-top:8px;transition:width .5s}
.MoreHonor .HonorCons .Ris .Lis .text{display:flex;flex-direction:column;padding-left:35px;width:420px}
.MoreHonor .HonorCons .Ris .Lis .text .textOne{font-size:18px;color:#333;line-height:18px}
.MoreHonor .HonorCons .Ris .Lis .text .textTwo{font-size:14px;color:#999;line-height:14px;padding-top:6px}
.MoreHonor .HonorCons .Ris .Lis:hover .line{width:80px}
.MoreHonor .HonorCons .Ris .Lis:hover .text .textOne{font-weight:700;color:#1e56cc}
.MoreHonor .HonorCons .Ris .Lis:hover .text .textTwo{color:#333}
.MoreHonor .HonorCons .Ris::-webkit-scrollbar-track{background-color:#ddd;border-radius:4px}
.MoreHonor .HonorCons .Ris::-webkit-scrollbar{width:4px}
.MoreHonor .HonorCons .Ris::-webkit-scrollbar-thumb{background-color:#1e56cc;border-radius:4px}
.MoreHonor .HonorCons .Ris{scrollbar-color: #1e56cc #f7f7f9;scrollbar-width: thin;}
.Promote,.Rural{background-color:#fbfbfb;padding:0 0 90px}
.Promote .innerTitle,.Rural .innerTitle{padding-top:70px}
.SocietyCons{width:1280px;margin:auto;display:flex;align-items:center}
.SocietyCons .Img{width:630px;font-size:0}
.SocietyCons .Img img{width:100%}
.SocietyCons .Text{width:calc(100% - 630px)}
.SocietyCons .Text.ypad{padding-left:60px;box-sizing:border-box}
.SocietyCons .Text .item{position:relative;z-index:1}
.SocietyCons .Text .item:not(:nth-last-of-type(1)){margin-bottom:50px}
.SocietyCons .Text .item .iconTitle{display:flex;align-items:center}
.SocietyCons .Text .item .iconTitle .icon{font-size:0;width:60px}
.SocietyCons .Text .item .iconTitle .icon img{width:100%}
.SocietyCons .Text .item .iconTitle span{font-size:28px;color:#333;padding-left:30px;box-sizing:border-box}
.SocietyCons .Text .item .iconCons{font-size:16px;color:#666;text-align:justify;padding-top:30px;line-height:30px;position:relative}
.SocietyCons .Text .item .iconCons .lis{position:relative;display:flex;align-items:flex-start;padding-left:25px;box-sizing:border-box}
.SocietyCons .Text .item .iconCons .lis:not(:nth-last-of-type(2)){margin-bottom:50px}
.SocietyCons .Text .item .iconCons .lis .lisCircle{width:10px;height:10px;border:1px solid #aaa;border-radius:50%;display:block;margin-top:5px;background-color:#fff}
.SocietyCons .Text .item .iconCons .lis .lisItem{padding-left:55px;box-sizing:border-box;width:405px}
.SocietyCons .Text .item .iconCons .lis .lisItem .lisTitle{font-size:18px;color:#333;line-height:20px}
.SocietyCons .Text .item .iconCons .lis .lisItem .lisRemark{font-size:14px;color:#666;line-height:25px;padding-top:10px}
.SocietyCons .Text .item .iconCons .leftLine{position:absolute;top:-40px;width:1px;height:100%;background-color:#aaa;left:30px;z-index:-1}
.SocietyCons .Text.ypad .item .iconCons .lis:not(:nth-last-of-type(2)){margin-bottom:30px}
.SocietyCons .Text.ypad .item .iconCons .lis .lisItem{width:max-content;max-width:100%}
.SocietyCons .Text.ypad .item .iconCons .lis .lisItem .lisRemark{font-size:16px;padding-top:0}
.SocietyCons .Text.ypad .item .iconCons .leftLine{top:-15px}
.SocietyCons .Text .item .iconCons.ypadris{padding-right:60px;box-sizing:border-box}
.ChooseMenu{display:flex;margin:90px auto auto;width:max-content}
.ChooseMenu .Lis{width:190px;line-height:60px;color:#1e56cc;font-size:18px;text-align:center;box-shadow:4px 0 20px 1px rgba(0,0,0,.08);border-radius:30px}
.ChooseMenu .Lis:not(:nth-last-of-type(1)){margin-right:86px}
.ChooseMenu .Lis.active{box-shadow:none;color:#fff;background-color:#1e56cc}
.Show{width:1280px;margin:80px auto auto;overflow:hidden}
.Show .swiper-wrapper .swiper-slide{display:flex;flex-direction:column}
.Show .swiper-wrapper .swiper-slide img{width: 100%;}
.Show .swiper-wrapper .swiper-slide .text{font-size:20px;color:#2f2f2f;text-align:center;padding:35px 0 40px}
.Show .ShowBar{display:flex;width:100%;justify-content:center;align-items:center}
.Show .ShowBar .middle{display:flex;padding:0 100px}
.Show .ShowBar .middle span{padding:0 20px}
.Show .ShowBar .middle .this,.Show .ShowBar .middle .total,.Show .ShowBar .middle span{font-size:18px;color:#2f2f2f;font-family:OPPOSans;font-weight:700;line-height:30px}
.Show .ShowBar .ArrowLeft,.Show .ShowBar .ArrowRight{font-size:30px;cursor:pointer}
.Materials{width:1280px;margin:70px auto auto;font-size:0}
.Materials img{width:100%}
.Factory{width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:center}
.Factory .Map{font-size:0;width:718px;position:relative}
.Factory .Map img{width:100%}

.Factory .Map .mobile{display:none}
.pointItem{position:absolute;cursor: pointer;}
.point{width:20px;height:20px;display:flex;align-items:center;justify-content:center;position:relative}
.outsidePoint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(69,82,98,.5);border-radius:50%;width:20px;height:20px}
.innerPoint{width:8px;height:8px;border-radius:50%;background-color:rgba(69,82,98,1)}
.active .point .outsidePoint{background-color:rgba(30,86,204,.5)}
.active .point .innerPoint{background-color:rgba(30,86,204,1)}
.pointItem:nth-of-type(1){top:203px;right:115px}
.pointItem:nth-of-type(2){top:343px;right:208px}
.pointItem:nth-of-type(3){top:452px;right:212px}
.Factory .LookFactoty{width:500px;background-color:#fafafa;height:max-content;padding:24px 0;box-sizing:border-box}
.Factory .LookFactoty .LookLis{padding:35px 24px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;cursor: pointer;}
.Factory .LookFactoty .LookLis.active{background-color:#eee}
.Factory .LookFactoty .LookLis .Les{display:flex}
.Factory .LookFactoty .LookLis .Les .icon{font-size:0;width:max-content;display:block}
.Factory .LookFactoty .LookLis .Les .icon i{font-size:24px;color:#455262}
.Factory .LookFactoty .LookLis .Les .text{padding-left:17px;box-sizing:border-box}
.Factory .LookFactoty .LookLis .Les .text .faTitle{font-size:20px;color:#333;line-height:24px;font-weight:700}
.Factory .LookFactoty .LookLis .Les .text .faPlan{display:none;padding:20px 0 10px}
.Factory .LookFactoty .LookLis .Les .text .faPlan span{font-size:18px;color:#333;line-height:24px;display:none}
.Factory .LookFactoty .LookLis .Les .text .faPlan .num{font-size:24px;color:#1e56cc;font-weight:700;line-height:24px;padding-left:10px;display:none}
.Factory .LookFactoty .LookLis .Les .text .faDesc{font-size:16px;color:#666;display:none}
.Factory .LookFactoty .LookLis .Ris{font-size:0;width:208px;display:none}
.Factory .LookFactoty .LookLis .Ris img{width:100%}
.Factory .LookFactoty .LookLis.active .Les .icon i{color:#1e56cc}
.Factory .LookFactoty .LookLis.active .Les .text .faPlan{display:flex}
.Factory .LookFactoty .LookLis.active .Les .text .faPlan span{display:block}
.Factory .LookFactoty .LookLis.active .Les .text .faPlan .num{display:block}
.Factory .LookFactoty .LookLis.active .Les .text .faDesc{display:block}
.Factory .LookFactoty .LookLis.active .Ris{display:block}
.Record{width:1280px;margin:70px auto auto;display:flex}
.Record .RLis{width:calc(100% / 5);text-align:center}
.Record .RLis .tps{display:flex;justify-content:center}
.Record .RLis .tps .Number{font-family:OPPOSans;color:#1e56cc;font-weight:700;line-height:48px;display:flex}
.Record .RLis .tps .Number .num{font-family:OPPOSans;}
.Record .RLis .tps .Number .num,.Record .RLis .tps .Number .percent{font-size:48px}
.Record .RLis .tps .Number .plus{font-size:32px;padding:0 5px;box-sizing:border-box}
.Record .RLis .tps .desc{font-size:16px;color:#1e56cc;padding-left:5px}
.Record .RLis .bts{font-size:16px;color:#333;padding-top:10px}
.Battery{width:1280px;margin:auto;display:flex;position:relative}
.Battery .LisCons{position:absolute;top:0;width:100%;height:100%;display:flex;flex-wrap:wrap;align-content:space-between;left:0;}
.Battery .LisCons .Lis{width:50%;font-size:24px;line-height:24px}
.Battery .LisCons .Lis span{font-size:30px;padding-right:24px}
.Battery .LisCons .Lis:nth-of-type(even){text-align:right}
.Battery .Lis:nth-of-type(5),.Battery .LisCons .Lis:nth-of-type(1){transform:translateX(80px)}
.Battery .Lis:nth-of-type(6),.Battery .LisCons .Lis:nth-of-type(2){transform:translateX(-80px)}
.Battery .Img{margin:auto;width:max-content}
.Fiber{width:1280px;margin:auto;display:flex;align-items:center}
.Fiber .Les,.Fiber .Ris{width:50%;font-size:0}
.Fiber .Les{padding-right:85px;box-sizing:border-box}
.Fiber .Les .tps p{padding:0;margin:0;font-size:18px;color:#2f2f2f;line-height:25px}
.Fiber .Les .bts{margin-top:35px;display:flex;flex-wrap:wrap}
.Fiber .Les .bts .Lis{width:calc((100% - 10px * 2)/ 3);margin-bottom:10px;font-size:16px;color:#333;position:relative;overflow:hidden}
.Fiber .Les .bts .Lis:not(:nth-of-type(3n)){margin-right:10px}
.Fiber .Les .bts .Lis .Img{width:100%;height:max-content;font-size:0}
.Fiber .Les .bts .Lis .Img img{width:100%;height:auto}
.Fiber .Les .bts .Lis .Img img:nth-of-type(2){display:none}
.Fiber .Les .bts .Lis .Text{position:absolute;left:0;top:0;transition:.5s;display:flex;justify-content:space-between;flex-direction:column;height:100%;padding:30px 24px 10px;box-sizing:border-box;width:100%;transform:translateY(calc(100% - 70px))}
.Fiber .Les .bts .Lis:hover .Img img:nth-of-type(1){display:none}
.Fiber .Les .bts .Lis:hover .Img img:nth-of-type(2){display:block}
.Fiber .Les .bts .Lis:hover .Text{transform:translateY(0)}
.Fiber .Les .bts .Lis:hover .Text i,.Fiber .Les .bts .Lis:hover .Text span{color:#fff}
.Fiber .Ris img{width:100%}
.Advantage{width:1280px;margin:auto;display:flex}
.Advantage .Img{width:680px}
.Advantage .Img img{width:100%}
.Advantage .Cons{width:calc(100% - 680px);padding-left:100px;box-sizing:border-box}
.Advantage .Cons .Lis{display:flex}
.Advantage .Cons .Lis .Les{display:flex;flex-direction:column}
.Advantage .Cons .Lis .Les .text{display:flex;font-size:20px;color:#333;font-weight:700;align-items:center}
.Advantage .Cons .Lis .Les .text span{position:relative;z-index:1;line-height:30px;white-space:nowrap;}
.Advantage .Cons .Lis .Les .text .num{font-size:48px;font-family:OPPOSans;color:#e8e8e8;transform:translateX(-20px);line-height:48px}
.Advantage .Cons .Lis .Les .unit{display:flex;flex-direction:column;font-size:0;align-items:center;width:calc(100% - 48px);justify-content:center;height:calc(100% - 48px);position:relative}
.Advantage .Cons .Lis .Les .unit i{font-size:24px;color:#1e56cc}
.Advantage .Cons .Lis .Les .unit .line{position:absolute;top:50%;left:50%;width:0;height:80%;border-left:1.8px dashed rgba(0,0,0,.2);transform:translate(-50%,-50%)}
.Advantage .Cons .Lis .Ris{display:flex;flex-direction:column;font-size:16px;color:#666;line-height:30px;padding:9px 0 50px 50px;box-sizing:border-box}
.ChemicalCons{width:1280px;margin:100px auto auto;display:flex;flex-wrap:wrap}
.ChemicalCons .item{width:calc((100% - 20px * 2)/ 3);display:flex;flex-direction:column;margin-bottom:100px}
.ChemicalCons .item:not(:nth-of-type(3n)){margin-right:20px}
.ChemicalCons .item .Img{width:100%;font-size:0;max-height:470px;overflow:hidden}
.ChemicalCons .item .Img img{width:100%;height:auto}
.ChemicalCons .item .Text{display:flex;padding-top:24px;justify-content:space-between;align-items:center}
.ChemicalCons .item .Text .Les{display:flex;flex-direction:column}
.ChemicalCons .item .Text .Les .cn{font-size:20px;color:#333}
.ChemicalCons .item .Text .Les .en{font-size:14px;color:#999}
.ChemicalCons .item .Text .Ris{width:100px;background-color:#1e56cc;font-size:0;height:max-content;line-height:44px;border-radius:25px;display:none;align-items:center;justify-content:center;margin-right:10px}
.ChemicalCons .item .Text .Ris i{font-size:14px;color:#fff}
.ChemicalCons .item:hover .Text .Ris{display:flex}
.DetailLine{width:100%;background-color:#f4f4f4}
.DetailLine .DetailCons{width:1542px;margin:auto;display:flex}
.DetailLine .DetailCons a,.DetailLine .DetailCons span{display:block;font-size:14px;color:#666;line-height:76px}
.DetailLine .DetailCons span{padding:0 5px;box-sizing:border-box}
.DetailLine .DetailCons a.active{color:#333}
.ProDetail{width:760px;margin:60px auto auto;overflow:hidden;position: relative;}
.ProDetail .swiper .swiper-button-prev,.ProDetail .swiper .swiper-button-next{bottom:60px;top:unset;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{font-size: 30px;}
.ProDetail .ProTitle{font-size:36px;font-weight:700;color:#333;line-height:90px;text-align:center}
.ProDetail .swiper .gallery-top .swiper-wrapper .swiper-slide{width:760px;height:500px;background-size:100% auto;background-position:center;background-repeat:no-repeat}
.ProDetail .swiper .gallery-thumbs{padding:40px 0;background:#fff;width:calc(100% - 60px * 2);margin:auto}
.ProDetail .swiper .gallery-thumbs .swiper-slide{height:80px;font-size:0;cursor:pointer;display:flex;align-items:center;box-sizing:border-box;align-items:center;justify-content:center;background-color:#f6f6f6;border-radius:8px;overflow:hidden;border:2px solid transparent}
.ProDetail .swiper .gallery-thumbs .swiper-slide .Imgs{width:80px;height:80px;background-size:auto 100%;background-position:center center;background-repeat:no-repeat;}
.ProDetail .swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{border:2px solid #786ae8}
.Brand{width:1280px;margin:auto;position:relative;overflow:hidden;padding:10px 10px 40px}
.Brand .swiper-wrapper{width:100%;display:flex;flex-direction:row;}
/*.Brand .swiper-wrapper .swiper-slide{display:flex;flex-wrap:wrap;width:100%}
.Brand .swiper-wrapper .swiper-slide .item{width:calc((100% - 20px * 4)/ 5)!important;height:90px;box-shadow:0 2px 10px 2px rgb(0 0 0 / 10%);border-radius:8px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:0;padding:10px;box-sizing:border-box}
.Brand .swiper-wrapper .swiper-slide .item img{max-width:100%;max-height:100%}
.Brand .swiper-wrapper .swiper-slide .item:not(:nth-of-type(5n)){margin-right:20px} */

.Brand .swiper-wrapper .swiper-slide{display:flex;flex-wrap:wrap;width:100%;height:90px;box-shadow:0 2px 10px 2px rgb(0 0 0 / 10%);border-radius:8px;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;}
.Brand .swiper-wrapper .swiper-slide img{max-width:100%;max-height:100%;display:block;}
/* .Brand .swiper-wrapper .swiper-slide .item{width:calc((100% - 20px * 4)/ 5)!important;margin-bottom:20px;display:flex;align-items:center;justify-content:center;font-size:0;padding:10px;box-sizing:border-box}

.Brand .swiper-wrapper .swiper-slide .item:not(:nth-of-type(5n)){margin-right:20px} */






.Brand .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background-color:#ccc;opacity:1}
.Brand .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#1e56cc}
.Store{width:1280px;margin:auto;display:flex;padding-bottom:30px;height:640px}
.Store .Les{width:600px;height:100%;display:flex;align-items:center;justify-content:center}
.Store .Les img{width:100%;display:none;max-height:100%;border-radius:8px;}
.Store .Les img.active{display:block}
.Store .Ris{width:calc(100% - 600px);padding-left:60px;box-sizing:border-box;height:100%;overflow:auto}
.Store .Ris .item{padding:24px 30px 24px 40px;box-sizing:border-box;border-bottom:1px solid #ddd;margin-right:40px}
.Store .Ris .item .itemTitle{font-size:18px;color:#333;font-weight:700;line-height:35px}
.Store .Ris .item .itemDesc,.Store .Ris .item>p{font-size:16px;color:#999;line-height:25px}
.Store .Ris .item.active{background-color:#f8f8f8}
.Store .Ris .item.active .itemTitle{color:#1e56cc}
.Store .Ris::-webkit-scrollbar-track{background-color:#ddd;border-radius:4px}
.Store .Ris::-webkit-scrollbar{width:4px}
.Store .Ris::-webkit-scrollbar-thumb{background-color:#1e56cc;border-radius:4px}
.Charging,.Online{width:1280px;margin:auto;display:flex;align-items:center}
.ImgCons{width:670px;display:flex;flex-wrap:wrap;font-size:0}
.ImgCons img:not(:nth-last-of-type(1)){width:calc((100% - 16px)/ 2);margin-bottom:16px}
.ImgCons img:nth-of-type(1){margin-right:16px}
.ImgCons img:nth-last-of-type(1){width:100%}
.Online .Ris{width:calc(100% - 670px);padding-left:100px;box-sizing:border-box}
.Charging .Les .item,.Online .Ris .item{margin-bottom:50px}
.Charging .Les .item .num,.Online .Ris .item .num{font-family:OPPOSans;font-size:64px;font-weight:700;z-index:1;position:relative;color:rgba(79,135 ,255)}
.Charging .Les .item .text,.Online .Ris .item .text{margin-top:-40px;position:relative;z-index:2;background-color:rgba(255,255,255,.85);box-shadow:-20px 0 20px 10px rgb(255 255 255)}
.Charging .Les .item .title,.Online .Ris .item .title{font-size:24px;color:#333;line-height:30px}
.Online .Ris .item .remark{font-size:16px;color:#333;padding-top:5px}
.Charging .Les .item .remark li::marker,.Online .Ris .item .remark li::marker{color:#bbb}
.Charging .Les .item .remark{font-size:14px;color:#666;padding-top:5px}
.Charging .Les{width:calc(100% - 670px)}
.Charging .Les .item .textCons{display:flex;flex-wrap:wrap;padding-top:35px}
.Charging .Les .item .textCons .lis{width:calc(100% / 3);display:flex;align-items:center;margin-bottom:20px}
.Charging .Les .item .textCons .lis img{width:50px}
.Charging .Les .item .textCons .lis span{font-size:18px;color:#333;padding-left:15px}
.FiveCenter{width:1280px;margin:auto;display:flex}
.FiveCenter .item{width:calc((100% - 5px * 4)/ 5);font-size:0}
.FiveCenter .item:not(:nth-last-of-type(1)){margin-right:5px}
.FiveCenter .item .img{width:100%;height:168px}
.FiveCenter .item .img img{width:100%;height:100%}
.FiveCenter .item .text{font-size:16px;color:#333;padding-top:18px;}
.Team{width:1280px;margin:auto}
.Team p{margin:0;padding:0;text-indent:2em;font-size:16px;color:#444;line-height:25px;text-align:justify}
.Team .ChangeImg{margin-top:45px;font-size:0;width:100%}
.Team .ChangeImg img{width:100%}
.Team .ChangeImg .ChangeLine{width:100%;display:flex;background-color:#f4f4f4;}
.Team .ChangeImg .ChangeLine .Lis{width:calc(100% / 3);padding:0 50px;box-sizing:border-box;font-size:20px;color:#333;line-height:96px;background-color:#f4f4f4;font-weight:700}
.Team .ChangeImg .ChangeLine .Lis.active{background-color:#fbfbfb;border-bottom:4px solid #1e56cc}
.Research{width:1280px;margin:auto;display:flex;flex-wrap:wrap;}
.Research .item{width:calc((100% - 40px * 2)/ 3);margin-bottom:40px;}
.Research .item:not(:nth-of-type(3n)){margin-right:40px}
.Research .item img{width:100%;display:block;}
.NewsCons{width:1280px;margin:100px auto auto;display:flex;flex-wrap:wrap}
.NewsCons .Item{width:calc((100% - 24px * 2)/ 3);margin-bottom:80px}
.NewsCons .Item:not(:nth-of-type(3n)){margin-right:24px}
.NewsCons .Item .Img{width:100%;/*max-height:300px;*/height:300px;font-size:0;background-size:auto 100%;background-position:center;background-repeat:no-repeat;border-radius:8px;overflow:hidden;}
.NewsCons .Item .Img img{width:100%;height:auto}
.NewsCons .Item .Infos{padding-top:24px}
.NewsCons .Item .Infos .date{font-family:OPPOSans;font-size:14px;line-height:20px;color:#1e56cc;display:flex;align-items:center;font-weight:600}
.NewsCons .Item .Infos .date:before{content:'';display:block;width:3px;height:20px;background-color:rgba(30,86,204,.96);margin-right:15px;border-radius:2px}
.NewsCons .Item .Infos .title{font-size:20px;color:#333;padding:20px 0 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.NewsCons .Item .Infos .read{width:98px;border:1px solid #ccc;border-radius:25px;font-size:0;text-align:center;color:#1e56cc}
.NewsCons .Item .Infos .read i{font-size:10px;line-height:44px}
.NewsCons .Item:hover .title{color:#1e56cc}
.NewsCons .Item:hover .read{background-color:#1e56cc;color:#fff}
.NewsCenter{width:1542px;margin:80px auto auto;display:flex;justify-content:space-between}
.NewsCenter .HotNews{width:380px;height:max-content;position:sticky;top:86px}
.NewsCenter .HotNews .HotTitle{font-size:20px;background-color:#1e56cc;line-height:60px;color:#fff;text-align:center}
.NewsCenter .HotNews .HotCons{padding:30px;box-sizing:border-box;background-color:#fff}
.NewsCenter .HotNews .HotCons li{font-size:16px;color:#666;line-height:35px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.NewsCenter .HotNews .HotCons li:hover{cursor: pointer;color:#1e56cc}
.NewsCenter .HotNews .HotCons li::marker{color:#444}
.NewsCenter .ThisNews{width:1100px;background-color:#fff;padding:0 70px;box-sizing:border-box;text-align:center}
.NewsCenter .ThisNews .ThisTitle{font-size:34px;color:#333;padding:60px 0 35px}
.NewsCenter .ThisNews .ThisLine{width:100%;height:1px;background-color:#ddd}
.NewsCenter .ThisNews .ThisInfos{font-size:14px;color:#999;display:flex;justify-content:center;padding:20px 0 40px}
.NewsCenter .ThisNews .ThisInfos .ReleaseTime{width:max-content;margin-right:50px}
.NewsCenter .ThisNews .ThisInfos .Views{width:max-content}
.NewsCenter .ThisNews .ThisDetails p{font-size:16px;color:#666;padding:0 30px;margin:0;line-height:28px;box-sizing:border-box;text-align:left;}
.NewsCenter .ThisNews .ThisDetails p img{width:max-content;max-width:100%;margin:auto;display:block;height:auto !important}
.NewsCenter .ThisNews .Return{width:148px;line-height:50px;color:#fff;background-color:#1e56cc;font-size:14px;box-shadow:-2px 0 12px 1px rgba(133,134,135,.2);border-radius:4px;margin:68px auto 48px;display:block}
.Talent{width:1280px;margin:auto}
.Talent .marks{font-size:0;margin:80px 0 36px}
.Talent .TalentTitle{font-size:36px;color:#333;line-height:48px}
.Talent .TalentLine{width:100%;height:1px;background-color:#ccc;margin:35px 0 0}
.Talent .TalentCons{width:890px;max-width:100%;}
.Talent .TalentCons p{font-size:16px;color:#333;padding:40px 0}
.Matters{width:1280px;margin:auto}
.Matters .MattersTitle{font-size:36px;color:#333;line-height:48px;padding:80px 0 50px}
.Matters .MattersCons{display:flex;justify-content:space-between}
.Matters .MattersCons .item{display:flex;align-items:center;width:max-content}
.Matters .MattersCons .item img{width:72px}
.Matters .MattersCons .item .text{padding-left:20px}
.Matters .MattersCons .item .text .a1{font-size:16px;color:#666}
.Matters .MattersCons .item .text .a2{font-size:20px;color:#333;font-family:OPPOSans;font-weight:700}
.Train{width:1280px;margin:auto}
.Train .Item{display:flex;margin-top:88px;padding-bottom:20px;justify-content:space-between}
.Train .Item .Characters{width:600px;overflow:hidden}
.Train .Item .Img{width:600px}
.Train .Item .Img img{width:100%;display:block}
.Train .Item .Characters .title{position:relative}
.Train .Item .Characters .title .num{font-size:124px;color:#f3f3f3;font-family:OPPOSans;font-weight:700;transform:translateX(-35px);line-height:100px}
.Train .Item .Characters .title .text{position:absolute;top:50%;left:0;transform:translateY(-50%);display:flex;align-items:flex-end}
.Train .Item .Characters .title .text .cn{font-size:36px;color:#333;line-height:36px}
.Train .Item .Characters .title .text .en{font-family:OPPOSans;font-size:14px;color:#333;font-weight:700;padding-left:10px}
.Train .Item .Characters .line{background-color:#3c71e1;width:100%;height:1px;margin-top:50px}
.Train .Item .Characters .content{padding-top:40px}
.Train .Item .Characters .content p{font-size:14px;color:#333;line-height:35px;text-indent:2em;text-align:justify}
.Benefits,.System{width:1280px;margin:96px auto auto;display:flex;align-items:center}
.Benefits .Les,.System .Ris{width:calc(468px + 60px + 8px + 8px + 40px)}
.Benefits>div:nth-of-type(1),.System>div:nth-of-type(1){padding-left:40px;/*box-sizing:border-box*/}
.Benefits .Les .swiper,.System .Ris .swiper{display:flex}
.System .Ris .swiper{justify-content:flex-end}
.Benefits .Les .swiper .gallery-top,.System .Ris .swiper .System-top{width:468px;height:468px;margin:0;border-radius:8px}
.Benefits .Les .swiper .gallery-top .swiper-slide,.System .Ris .swiper .System-top .swiper-slide{background-size:100% auto;background-repeat:no-repeat;background-position:center;background-color:#f4f4f4;display:flex;align-items:flex-end;justify-content:center}
.Benefits .Les .swiper .gallery-top .swiper-slide .desc{font-size:16px;line-height:48px;color:#fff;background-color:rgba(0,0,0,.5);width:100%;text-align:center}
.Benefits .Les .swiper .gallery-thumbs,.System .Ris .swiper .System-thumbs{margin:0 8px;height:468px}
/* .System .Ris .swiper .System-thumbs .swiper-wrapper{justify-content:center} */
.Benefits .Les .swiper .gallery-thumbs .swiper-slide,.System .Ris .swiper .System-thumbs .swiper-slide{width:60px;height:60px!important;border-radius:8px;overflow:hidden;border:2px solid transparent;box-sizing:border-box;opacity:.8}
.Benefits .Les .swiper .gallery-thumbs .swiper-slide.swiper-slide-thumb-active,.System .Ris .swiper .System-thumbs .swiper-slide.swiper-slide-thumb-active{opacity:1;border:2px solid #3c71e1}
.Benefits .Les .swiper .gallery-thumbs .swiper-slide img,.System .Ris .swiper .System-thumbs .swiper-slide img{width:100%;display:block;height:100%}
.Describe .title{font-size:36px;color:#333;font-weight:700}
.Describe .remark{list-style:none;font-size:14px;color:#333;padding-top:50px;line-height:35px}
.Contact{width:1280px;margin:80px auto auto}
.Contact .ContactTitle{position:relative}
.Contact .ContactTitle .en{font-size:100px;color:transparent;-webkit-text-stroke:1px #ddd;font-weight:700;line-height:100px}
.Contact .ContactTitle .cn{position:absolute;left:0;bottom:0;font-size:28px;color:#333;font-family:Source Han Sans CN}
.Contact .ContactDesc{display:flex;margin:65px auto auto;align-items:center}
.Contact .ContactDesc .map{width:700px;height:420px}
.Contact .ContactDesc .ContactCompany{padding-left:60px;box-sizing:border-box}
.Contact .ContactDesc .ContactCompany .company{font-size:28px;color:#333}
.Contact .ContactDesc .ContactCompany .address{font-size:18px;color:#999;padding-top:5px}
.Contact .ContactDesc .ContactCompany .CompanyInfos{padding-top:30px}
.Contact .ContactDesc .ContactCompany .CompanyInfos li{list-style:none;font-size:18px;display:flex;align-items:center;line-height:40px;white-space:nowrap;}
.Contact .ContactDesc .ContactCompany .CompanyInfos li img{/*display:block;*/padding-right:10px;display:none}
.Contact .ContactDesc .ContactCompany .CompanyInfos li span{padding-left:20px}
.MessageTitle{font-size:30px;color:#333;text-align:center;margin-top:80px}
.Message{display:flex;flex-wrap:wrap}
.Message input{line-height:54px;outline:0;background-color:transparent;font-size:16px;border:1px solid #d2d2d2;padding-left:25px;box-sizing:border-box;width:calc((100% - 25px * 2)/ 3);border-radius:8px;display:block}
.Message input:not(:nth-last-child(2)){margin-right:25px}
.Message input::-webkit-input-placeholder{color:#999;text-transform:uppercase}
.Message textarea{width:100%;min-height:200px;max-height:200px;max-width:100%;min-width:100%;box-sizing:border-box;border:1px solid #ddd;margin-top:30px;border-radius:8px;font-size:16px;padding:30px 25px;outline:0;line-height:25px}
.Message textarea::-webkit-input-placeholder{color:#999;text-transform:uppercase}
.MessageTips{font-size:16px;color:#de2d2d;line-height:40px;font-family:Source Han Sans CN Medium}
.submit{font-size:16px;width:150px;line-height:48px;background-color:#1e56cc;border-radius:4px;text-align:center;color:#fff;margin:24px auto auto;cursor: pointer;}
.Events{width: 1280px;margin: 108px auto auto;display: flex;}
.Events .EventsLes{background-color: #F8F8F8;padding:20px 54px;width: 232px;box-sizing: border-box;height: max-content;}
.Events .EventsLes ul{margin:0;padding: 0;}
.Events .EventsLes ul li{font-size: 20px;color: #666666;font-weight: bold;font-family: OPPOSans;list-style: none;padding: 25px 0;text-align: center;position: relative;cursor: pointer;}
.Events .EventsLes ul li.active:after{content:'';width:9px;height:18px;background-image:url("../imgs/icon16.png");display:block;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.Events .EventsLes ul li:not(:nth-last-of-type(1)){border-bottom: 1px solid rgba(51, 51, 51, .1);}
.Events .EventsRis{margin: 20px auto 0 132px;}
.Events .EventsRis .MonthLis{display: flex;}
.Events .EventsRis .MonthLis .CircleLine{}
.Events .EventsRis .MonthLis .CircleLine .circle{width: 34px;height: 34px;border-radius: 50%;background-image:url('../imgs/icon15.png');background-size:100% 100%;}
.Events .EventsRis .MonthLis .CircleLine .line{width: 34px;height: calc(100% - 34px);position: relative;}
.Events .EventsRis .MonthLis:not(:nth-last-of-type(1)) .CircleLine .line:after{content:'';border-right: 1px solid #DDDDDD;left: 50%;position: absolute;top: 50%;width: 0px;height:calc(100% - 6px * 2);transform: translate(-50%,-50%);}
.Events .EventsRis .MonthLis .Months{font-family: OPPOSans;font-size: 18px;color: #2F2F2F;font-weight: Bold;/*padding-left:25px;*/display:flex;align-items: flex-end;height: 34px;}
.Events .EventsRis .MonthLis .Months span{font-size: 34px;line-height: 34px;display: block;padding-right: 3px;font-family: OPPOSans;font-weight: bold;width:50px;text-align:right;}
.Events .EventsRis .MonthLis .ItemCons{display: flex;flex-direction: column;margin-bottom:30px;}
.Events .EventsRis .MonthLis .ItemCons .Item{margin-left: 57px;cursor: pointer;}
.Events .EventsRis .MonthLis .ItemCons .Item .ItemTitle{font-size: 22px;color: #2F2F2F;line-height: 34px;}
.Events .EventsRis .MonthLis .ItemCons .Item .ItemRemark{background-color: #F3F5F9;width: 552px;height: 0;box-sizing: border-box;display: flex;align-items: center;border-radius: 4px;/*display:none;*/transition:height .4s;overflow:hidden;}
.Events .EventsRis .MonthLis.active .ItemCons .Item .ItemRemark{/*display:flex;*/height: 152px;padding: 12px;margin-bottom: 30px;margin-top: 10px;}
.Events .EventsRis .MonthLis .ItemCons .Item .ItemRemark .ItemText{font-size: 16px;color: #333333;padding: 0 33px 0 20px;width: calc(100% - 168px);box-sizing: border-box;}
.Events .EventsRis .MonthLis .ItemCons .Item .ItemRemark .ItemImg{width: 168px;height: 128px;background-position:center;background-size:auto 100%;background-repeat:no-repeat;}
.Events .EventsRis .MonthLis .ItemCons .Item .ItemRemark .ItemImg img{display:block;height:100%;width:auto;}

.addLesImg{display:flex;align-items:center;padding-right:60px;box-sizing:border-box;}
.addLesImg img{display:block;width:3.2rem;}


.Marks{position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;z-index: 10001;display: none;}
.Marks.active{display: block;}
.Marks .MarksBox{position: relative;display: flex;justify-content: center;align-items: center;height: 100%;flex-direction: column;}
.Marks .MarksBox .MarkImg{width: max-content;}
.Marks .MarksBox .MarkImg img{display: block;width: 600px;height: auto;cursor: pointer;}
.Marks .MarksBox .MarkClose{color: #fff;font-size: 40px;cursor: pointer;margin-top: 50px;}