@charset "utf-8";
@import url("mobile_header.css");

body{ min-width: 100vw; }
.Main{ padding: 0;}

.HeaderPart{ height: 60px; padding: 0 15px; }
.HeaderPart .Logo{ position: relative; z-index: 999; }
.HeaderPart .Logo img{ width: 40vw; }
.HeaderPart>.w1400>i{ display: block; width: 32px; height: 27px; box-sizing: border-box; border-top: 3px solid #FFF; position: relative; z-index: 999; }
.HeaderPart>.w1400>i::before,
.HeaderPart>.w1400>i::after{ content: ''; display: block; width: 100%; position: absolute; left: 0; border-top: 3px solid #FFF; }
.HeaderPart>.w1400>i::before{ top: calc(50% - 3px); }
.HeaderPart>.w1400>i::after{ bottom: 0; }

.NavBar{ position: fixed; width: 100%; height: 100vh; top: 0; left: 100vw; box-sizing: border-box; padding: 60px 10px 20px; background: rgba(0,0,0,0.9); z-index: 998; }

.NavBar ul{ display: block; }
.NavBar li{}
.NavBar li + li{ margin-left: 0; border-top: 1px dashed #FFF; }
.NavBar li a{ font-size: 22px; text-align: center; }


.MoustBtn{ zoom:0.5; }
.Page1_Title{ zoom:0.5; transform: translate(-21%, -50%); top: 40%;}
.PeoPle{ zoom:0.7; display: flex; align-items: flex-end; margin-right: -80vw; width: 80vw;}
.PeoPle img{ height: auto; }




.inSlPart .bgImg .shade{ zoom:0.4; width: 250vw; height: 250vh; }
.inSlPart .bgImg .shade .ring{}
.inSlPart .bgImg li em{ zoom:0.4; }

.PartTit{ right: auto; margin: 0 20px; top: 20px; zoom:0.7; }
.PartTit img{ margin-right: 20px; }

.Part2Slide .hd{ width: calc(100vw - 30px); left: 15px; margin: 0; top: 90px; box-sizing: border-box; overflow-x: auto; padding-bottom: 15px; }
.Part2Slide .hd ul{ }
.Part2Slide .hd li{ float: left; height: auto; }
.Part2Slide .hd li + li{ margin-top: 0; margin-left: 20px; margin-left: calc((100vw - 30px - (50px * 5)) / 4); }
.Part2Slide .hd li::before,
.Part2Slide .hd li::after{ display: none; }
.Part2Slide .hd li a{ width:auto; height: 50px; font-size: 17px; flex-direction: column-reverse; }
.Part2Slide .hd li a img{ zoom:0.7; }
.Part2Slide .hd li em{ display: none; }

.inSlPart .TargetPart{ width: 100vw; right: auto; margin: 0; left: 0; box-sizing: border-box; padding: 0 20px; height: auto; top: auto; bottom: 60px; }
.inSlPart .TargetPart .Text .desc{ padding: 0 50px; margin-top: 0; font-size: 14px; line-height: 1.5; }
.inSlPart .TargetPart .pnBtn{ height: 0; bottom: 50%; width: 100%; justify-content: space-between; box-sizing: border-box; padding: 0 15px;}
.inSlPart .TargetPart .pnBtn a{ zoom:0.7; transform: translateY(-50%); }
.inSlPart .TargetPart .pnBtn a + a{ margin-left: 0; }





.ZsyzPage .w1400>.f_l,
.ZsyzPage .w1400>.f_r{ width: auto; float: none; }

.ZsyzPage .w1400>.f_l{ padding: 0 15px; }
.ZsyzPage .PartTit{}
.ZsyzSlide{ margin-top: 20px; }
.ZsyzSlide .hd{ height: 45px; margin-bottom: 10px;}
.ZsyzSlide .hd ul{ padding: 0; justify-content: center;}
.ZsyzSlide .hd li{ font-size: 17px; }
.ZsyzSlide .hd li a{ height: 45px; line-height: 45px; }
.ZsyzSlide .hd li::after{ zoom:0.8; }

.ZsyzSlide .bd{ margin-top: 0px; }
.UlList{ display: block !important; float: left; }
.UlList li{ font-size: 15px; padding: 10px 0; }
.UlList li a{ max-width: calc(100% - 100px); }


.SlideFocus{ width: auto; height: calc((100vw - 20px) / (996 / 588)); margin: 20px 10px 0; max-width: calc(100vw - 20px); border-radius: 10px; }
.SlideFocus::after{ border-radius: 10px; left: 3px; bottom: -3px; height: 100%; }
.SlideFocus li{ height: calc((100vw - 20px) / (996 / 588)); border-radius: 10px;}